javascript - DataTables如何正确调用data.json

Question

我的 DataTable 数据当前位于我的底部，app.js看起来像这样：

var data = {
"things": [
{
"date": {
    "display": "April 15, 2011",
    "date_order": "1"
},
"place": "Chicago, auto parts yard"
]
...
};

我app.js像这样调用顶部的数据：

var table =  $('#table').DataTable({
      "data": data.things,
      "columnDefs": [
        { "type": "num", "targets": 1 },
        { "type": "num", "targets": 3 }
      ],
      "columns": []
...

我已经非常密切地关注了这一点，它对我有用。

显然，将数据保存在app.js. 但是当我将数据移动到data.json文件夹内的data文件时，我似乎无法调用它。将调用数据然后看起来像这样：

var table =  $('#table').DataTable({
          "data": "../data.json",
...

因为这似乎不起作用，除非我做错了。什么是正确的语法？FWIW，我app.js在里面js/src，我data.json在一个与我的data文件夹处于同一级别的js文件夹中。

Answer 1

使用ajax选项通过 Ajax 从外部数据源加载数据。

如果你的目录结构是：

/
├── js/
│   └── app.js
└── data/
    └── data.json

然后使用下面的代码：

var table =  $('#table').DataTable({
      // ... skipped ...
      "ajax": {
         "url": "../data/data.json",
         "dataSrc": "things"
      }
});