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

Question

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

谢谢您的帮助.

Answer 1

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

• DOM
• Javascript数组
• Ajax源码
• 服务器端处理

在您的情况下,您将需要使用第二个(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"}
  ]
});