jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用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": [
    { "s@R_801_10283@e": "ENGIne" },{ "s@R_801_10283@e": "Browser" },{ "s@R_801_10283@e": "Platform" },{ "s@R_801_10283@e": "Version"}
  ]
});

大佬总结

以上是大佬教程为你收集整理的如何使用jquery datatable加载本地的JSON变量全部内容,希望文章能够帮你解决如何使用jquery datatable加载本地的JSON变量所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。