javascript - 使用 JSON 对象填充 jQuery 数据表时出错

Question

                       var resultTable = $('#templateRegArea').DataTable({

                            "columns": [
                                { data: "ID" },
                                { data: "Name" },
                                { data: "Description" },
                            ],
                        });
                        resultTable.rows.add(response.d).draw();
                        dataSet = response.d;

我正在尝试将表“templateRegArea”与 Jquery 数据表中“response.d”中存在的值绑定。

响应.d

我已经附加了“响应”的价值。我面临的问题是数据没有加载到表中。帮助 ：（

Answer 1

当 jQuery DataTables 需要数组或对象数组时，您的服务器端脚本会生成对象。例如：

{
    "d": [{
        "ID": "1",
        "Name": "John",
        "Description": "Test"
    }, {
        "ID": "2",
        "Name": "Bob",
        "Description": "Test"
    }]
}

当您更正如下所示的数据结构时，初始化代码应更改为：

var resultTable = $('#templateRegArea').DataTable({
   "data": response.d,
   "columns": [
      { "data": "ID" },
      { "data": "Name" },
      { "data": "Description" }
   ]
});

使用现有的数据结构，您可以使用下面的代码，但这仅适用于一个数据行。

var resultTable = $('#templateRegArea').DataTable({
   "data": [response.d],
   "columns": [
      { "data": "ID" },
      { "data": "Name" },
      { "data": "Description" }
   ]
});