Datatables - 2個不同的json源碼

Question

我有2個datatables jsfiddle與3 json來源。它works非常好。

但我需要改變這一切json文件：

原文：

{ 
    "data": [{ 
     "id": "11", 
     "cat1": "add1.1", 
     "cat2": "add1.2", 
     "cat3": "add1.3" 
    }, { 
     "id": "12", 
     "cat1": "add2.1", 
     "cat2": "add2.2", 
     "cat3": "add2.3" 
    }] 
} 

新：在頭兩行刪除{"data":和最後}

[{ 
    "id": "11", 
    "cat1": "add1.1", 
    "cat2": "add1.2", 
    "cat3": "add1.3" 
}, { 
    "id": "12", 
    "cat1": "add2.1", 
    "cat2": "add2.2", 
    "cat3": "add2.3" 
}] 

我希望如果jsfiddle刪除.data ，並將"ajax": url更改爲：

"ajax": { 
    "url": url, 
    "dataSrc": "" 
}, 

它會工作。

原文：

$.when(call1, call2).done(function(a1, a2){ 
     var data = a1[0].data; 
     data.splice.apply(data, [2, 0].concat(a2[0].data)); 
     drawTable("#tab1","",data) 
    }); 

drawTable("#tab2","https://api.myjson.com/bins/4lpow","") 

function drawTable(id, url, data) { 
    $(id).dataTable({ 
    "ajax": url, 
    data: data, 
    columnDefs: [ 
     { className: "hide", "targets": [ 0 ] }, 
    ], 
    order: [], 
    ordering: false,   
    columns: [ 
     { "data": "id"}, 
     { "data": "cat1"}, 
     { "data": "cat2"}, 
     { "data": "cat3"} 
    ] 
    }); 
} 

新：

$.when(call1, call2).done(function(a1, a2){ 
     //removed .data 
     var data = a1[0]; 
     //removed .data 
     data.splice.apply(data, [2, 0].concat(a2[0])); 
     drawTable1("#tab11","",data) 
    }); 

drawTable1("#tab21","https://api.myjson.com/bins/3tuls","") 

function drawTable1(id, url, data) { 
     $(id).dataTable({ 
     "ajax": { 
      "url": url, 
      "dataSrc": "" 
     }, 
     data: data, 
     columnDefs: [ 
      { className: "hide", "targets": [ 0 ] }, 
     ], 
     order: [], 
     ordering: false,   
     columns: [ 
      { "data": "id"}, 
      { "data": "cat1"}, 
      { "data": "cat2"}, 
      { "data": "cat3"} 
     ] 
     }); 
    } 

問題是，它與預警工程jsfiddle：

請使用POST請求

如果我測試這個file本地警告是：

DataTables warning：table id = tab11 - 無效的JSON響應。有關此錯誤的詳細信息，請參閱http://datatables.net/tn/1

Answer 1

不能在drawTable1功能同時提供ajax和data選項。

使用下面的代碼來代替：

function drawTable1(id, url, data) { 
    var opt; 
    if (url !== "") { 
     opt = { 
      ajax: { 
       url: url, 
       dataSrc: "" 
      } 
     }; 
    } 
    if (data !== "") { 
     opt = { 
      data: data 
     } 
    } 

    $(id).dataTable($.extend({ 
     columnDefs: [{ 
      className: "hide", 
      targets: [0] 
     }, ], 
     order: [], 
     ordering: false, 
     columns: [ 
      { "data": "id"}, 
      { "data": "cat1"}, 
      { "data": "cat2"}, 
      { "data": "cat3"} 
     ] 
    }, opt)); 
}