如何使用 jquery 数据表加载本地 JSON 变量 [英] how to load the local JSON variable using jquery datatable

问题描述

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

I have a local JSON dataset. I want to use jquery datatable plugin to display it. Is there any setting or configuration inside datatable plugin to display data? All I can find is to make AJAX calls and server calls.

感谢您的帮助.

推荐答案

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

You can supply DataTables with data 4 different ways

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

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

In your situation, you will want to use the second (Javascript Array) option. You will need to be able to translate the shape of your JSON object into an array objects.

这是一个例子

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

这篇关于如何使用 jquery 数据表加载本地 JSON 变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！