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

前端之家收集整理的这篇文章主要介绍了如何使用jquery datatable加载本地的JSON变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个本地的JSON数据集。我想使用jquery datatable插件显示它。在datatable插件中是否有任何设置或配置显示数据?我可以找到的是使AJAX调用和服务器调用

谢谢您的帮助。

解决方法

您可以为数据表提供数据4种不同的方式

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

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

这是一个例子

var json = {
  BrowserStats : [
    { engine: "Trident",browser: "IE 4.0",platform: "Win 95+",version: 4 },{ engine: "Trident",browser: "IE 5.0",version: 5 },browser: "IE 5.5",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相关文章