jquery - 如何使用 jquery datatable 加载本地 JSON 变量

Question

我有一个本地 JSON 数据集。我想使用 jquery 数据表插件来显示它。数据表插件内部是否有任何设置或配置来显示数据？我能找到的就是进行 AJAX 调用和服务器调用。

感谢您的帮助。

Answer 1

您可以通过 4 种不同的方式向 DataTables 提供数据

• DOM
• Javascript array
• Ajax source
• Server side processing

根据您的情况，您将需要使用第二个(Javascript 数组)选项。您需要能够将 JSON 对象的形状转换为数组对象。

这是一个例子

var json = {
  BrowserStats : [
    { engine: "Trident", browser: "IE 4.0", platform: "Win 95+", version: 4 },
    { engine: "Trident", browser: "IE 5.0", platform: "Win 95+", version: 5 },
    { engine: "Trident", browser: "IE 5.5", platform: "Win 95+", version: 5.5 }
  ]
};

var data = jQuery.map(json.BrowserStats, function(el, i) {
  return new [el.engine, el.browser, el.platform, el.version];
});

$('#example').dataTable( {
  "aaData": data,
  "aoColumns": [
    { "sTitle": "Engine" },
    { "sTitle": "Browser" },
    { "sTitle": "Platform" },
    { "sTitle": "Version"}
  ]
});