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": []
...

我非常关注this，它对我有用。

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

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