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

Question

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

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

我正在尝试将 table 'templateRegArea' 与 "response.d" 中存在的值绑定到 Jquery 数据 table.

response.d

我附上了"response"的值。我面临的问题是数据没有加载到 table。 帮助:(

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" }
   ]
});