javascript - Datatables.net 深层对象

Question

我在这里遵循深层对象示例:https://datatables.net/examples/ajax/deep.html

我可以使用示例数据让一切正常运行。然而，当尝试整合我自己的数据时，我遇到了问题。给定的Ajax数据格式为:

{
  "data": [
    {
      "name": "Tiger Nixon"
    }
 ]
}

列定义为:

"columns": [
   { "data": "name" }
]

我的数据具有相同的布局，但我有不同的根名称

{
  "root": [
    {
      "name": "Tiger Nixon"
    }
 ]
}

列定义为:

"columns": [
   { "root": "name" }
]

“data”关键字是固定的吗？或者它只是默认值，我需要在某个地方重新分配它？

我收到的错误是:“未捕获的类型错误:无法读取未定义的属性‘长度’”，我认为这意味着它无法找到它试图获取其属性的对象。

感谢您的帮助!!

Answer 1

如果您的 JSON 数据如下所示:

{
  "root": [
    {
      "name": "Tiger Nixon"
    }
  ]
}

您的 DataTables 初始化代码应该是:

$('#example').DataTables({
   'ajax' : {
      'url': '/server/script.php',
      'dataSrc': 'root'
   },
   'columns': [
      'data': 'name'
   ]
});

来自手册:

As a string, ajax.dataSrc defines the property from the data source object (i.e. that returned by the Ajax request) to read. It defaults to data property of the data source object (or aaData if data is not present for backwards compatibility).