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

时间:2015-12-21 14:16:31

标签: javascript jquery ajax datatables jquery-datatables-editor

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

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

我正在尝试绑定一个表' templateRegArea'使用" response.d"中显示的值在Jquery数据表中。

response.d enter image description here

我附上了"响应"的价值。我面临的问题是数据没有加载到表中。 帮助:(

1 个答案:

答案 0 :(得分:0)

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