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

DataTables如何正确调用data.json

1 个答案: