Datatables服务器端数据响应错误答案

【问题标题】：Datatables server side data response errorDatatables服务器端数据响应错误
【发布时间】：2015-07-02 07:24:27
【问题描述】：

当我尝试从服务器端脚本获取数据时出现以下错误

DataTables 警告：表 id=example - 请求的未知参数“0” 对于第 0 行。有关此错误的更多信息，请参阅 http://datatables.net/tn/4

我做错了什么？

这是 HTML

<script>
$(document).ready(function(){
    $('#example').DataTable({
        serverSide: true,
        "columnDefs": [
            { "title": "Sr.",           "name": "sr",           "width": "5%",  "targets": 0 },
            { "title": "ECode",         "name": "code",         "width": "5%",  "targets": 1 },
            { "title": "Employee Name", "name": "name",         "width": "25%", "targets": 2 },
            { "title": "Guardian",      "name": "guardian",     "width": "20%", "targets": 3 },
            { "title": "DOA",           "name": "doa",          "width": "10%", "targets": 4 },
            { "title": "Department",    "name": "department",   "width": "20%", "targets": 5 },
            { "title": "Designation",   "name": "designation",  "width": "20%", "targets": 6 }
        ],
        ajax: {
            url: 'employees/listdata/all',
            type: 'POST'
        }
    });
});
</script>
<table id="example" class="display" cellspacing="0" width="100%">
</table>

这是 JSON 响应

{
"recordsTotal":842,
"recordsFiltered":842,
"data":[
    {"DT_RowId":"28","sr":"1","code":"28","name":"ABHISHEK SHARMA","guardian":"RAMESH CHAND","doa":"10\/12\/2013","department":"Welding Shop","designation":"M. OPERATOR - NUT FORMER"},
    {"DT_RowId":"66","sr":"2","code":"66","name":"ACHHAY LAL","guardian":"BAHARAN MAHTO","doa":"26\/06\/2013","department":"Workshop","designation":"STORE KEEPER"},
    {"DT_RowId":"454","sr":"3","code":"454","name":"ACHHAY LAL","guardian":"JAI KUMAR","doa":"26\/01\/2015","department":"Cutting Department","designation":"QUALITY CONTROLLER"}
    ]
}

【问题讨论】：

因为json和datatable列的列数不同
列完全相同，7是表定义，7是JSON响应，DT_RowId是可选参数，将tr节点的ID属性设置为该值。

标签： jquery datatables

【解决方案1】：

我找到了解决方案，它像往常一样非常简单但被忽视了

<script>
$(document).ready(function(){
    $('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "columnDefs": [
            { "data": "sr",             "title": "Sr.",             "name": "sr",           "width": "5%",  "targets": 0 },
            { "data": "code",           "title": "ECode",           "name": "code",         "width": "5%",  "targets": 1 },
            { "data": "name",           "title": "Employee Name",   "name": "name",         "width": "25%", "targets": 2 },
            { "data": "guardian",       "title": "Guardian",        "name": "guardian",     "width": "15%", "targets": 3 },
            { "data": "doa",            "title": "DOA",             "name": "doa",          "width": "10%", "targets": 4 },
            { "data": "department",     "title": "Department",      "name": "department",   "width": "20%", "targets": 5 },
            { "data": "designation",    "title": "Designation",     "name": "designation",  "width": "20%", "targets": 6 }
        ],
        ajax: {
            url: 'employees/listdata/all',
            type: 'POST'
        }
    });
});
</script>
<table id="example" class="display" cellspacing="0" width="100%"></table>

我将 data 属性添加到每一列，效果很好。

【讨论】：