2015-11-02 98 views
0

我的表未正确通过ajax加载。jQuery DataTables POST服务器端Json错误

这里是我的JS:

$('#initAjaxDataTable').DataTable({ 
    "pagingType": "full_numbers", 
    "processing": true, 
    "serverSide": true, 
    "ajax": { 
     "url": $('#initAjaxDataTable').data('url'), 
     "type": "POST" 
    }, 
    language: { 
     url: SITEURL + 'libraries/datatables/datatables.german.json' 
    }, 
    "columnDefs": [ 
     { "data": "adressnummer", "defaultContent": "<i>Keine</i>", "targets": 0 }, 
     { "data": "name", "defaultContent": "<i>Keine</i>", "targets": 1 }, 
     { "data": "email", "defaultContent": "<i>Keine</i>", "targets": 2 }, 
     { "data": "street", "defaultContent": "<i>Keine</i>", "targets": 3 }, 
     { "data": "zip", "defaultContent": "<i>Keine</i>", "targets": 4 }, 
     { "data": "city", "defaultContent": "<i>Keine</i>", "targets": 5 } 
    ] 
}); 

这里是我的JSON从服务器返回:

{"draw":1,"data":"[{"DT_RowId".........:}]","recordsTotal":24301,"recordsFiltered":50,"error":null} 

数据简单的例子:

[ 
{ 
    "DT_RowId": "row_1", 
    "adressnummer": "9002", 
    "name": "test data", 
    "email": "", 
    "street": "test 26", 
    "zip": "16307 ", 
    "city": "test", 
    "DT_RowData": { 
     "pkey": "1" 
    } 
}, 
{ 
    "DT_RowId": "row_2", 
    "adressnummer": "9003", 
    "name": "test data", 
    "email": "", 
    "street": "test 24", 
    "zip": "16306 ", 
    "city": "test", 
    "DT_RowData": { 
     "pkey": "2" 
    } 
}, 
{ 
    "DT_RowId": "row_3", 
    "adressnummer": "9006", 
    "name": "testtest data", 
    "email": "", 
    "street": "test17", 
    "zip": "16306 ", 
    "city": "test", 
    "DT_RowData": { 
     "pkey": "3" 
    } 
}, 
...... 

我的表:

<table class="table table-striped table-bordered " id="initAjaxDataTable" data-page-length="50" data-url="/importlist"> 
     <thead> 
     <tr> 
      <th>AdressNummer</th> 
      <th>Name</th> 
      <th>E-Mail</th> 
      <th>Strasse</th> 
      <th>PLZ</th> 
      <th>Ort</th> 
     </tr> 
     </thead> 

</table> 

我的表显示24301次每个列中的默认内容。

我使用jQuery的数据表中的1.10.9版本和jQuery在 版本2.1.4

什么,我做错了什么?

编辑:Json的林特说我的JSON是有效

回答

0

我已经固定我的问题与下面的代码:

"ajax": { 
     "url": $('#initAjaxDataTable').data('url'), 
     "type": "POST", 
     "dataSrc": function (json) { 
      json.data = jQuery.parseJSON(json.data); 
      return json.data; 
     } 
    }, 

我已经添加了DATASRC属性AJAX和解析的json

+0

或者可能只是''dataSrc“:”“' – annoyingmouse

+0

nope在我的情况下这没有做 – Tanktiger