jQuery DataTables：分页不呈现

Question

我正在尝试使用数据表分页，但是代码似乎不起作用。

目前，在我看来，我看到的是“正在加载...”，但FE中未进行任何表格渲染。 参数是必须发送到后端代码的数据

下面提供了响应和javascript代码

JavaScript代码

 var createPaginationDataTableUI = function (tableID, title, parameters) { var url = 'url_here'; var _tableTemplate = '<table id="myDataTable-' + tableID + '"></table>'; var _data = GlobalData.getData(), _myData = _data.tableData[tableID], _tableTemplate = '<h3>' + title + '</h3><table id="myDataTable-' + tableID + '"><thead><tr>'; for (var i in _myData.data[0]) { _tableTemplate += '<th>' + i + '</th>'; } _tableTemplate += ' </tr></thead><tbody>'; _tableTemplate += '<tr><td></td></tr></tbody></table>'; $('#dataTable-' + tableID).html(_tableTemplate); var newTable = $('#myDataTable-' + tableID).DataTable({ scrollY: "300px", scrollX: true, scrollCollapse: true, paging: true, fixedColumns: { leftColumns: cols }, ordering: false, ajax: { type: "POST", headers: { 'Content-Type': 'application/json', }, url: url, data: parameters } }); }; 

来自后端的JSON响应

 //JSON response [{ "data": [{ "Title": "asde", "abc": "asd23e", "Material": "asdf", "Quantity Jan2016 - Dec2016": 12576, "Sales Jan2016 - Dec2016": 1 }, { "Title": "asde", "abc": "345fs", "Material": "dsfvd 3343", "Quantity Jan2016 - Dec2016": 16560, "Sales Jan2016 - Dec2016": 6 }, { "Title": "asde", "abc": "7687", "Material": "af asdf", "Quantity Jan2016 - Dec2016": 12216, "Sales Jan2016 - Dec2016": 1 }], "totalPayloadSize": 539, // Total no. of entries "pageFrom": 0, // 1st entry "pageTo": 49, // 50th entry "pageSize": 50, // no. of entries to be shown "pageNo": 1, // 1st page, Pagination "monthsIn": [{ "fMonth": 1, "fYear": 2016, "tMonth": 12, "tYear": 2016 }] }] 

Answer 1

问题是因为Ajax响应在数据部分之后包含意外条目。 此处的示例显示了返回数据的预期格式。