首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用jquery datatable加载本地JSON变量

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

Stack Overflow用户
提问于 2011-10-04 04:19:28
回答 4查看 45.5K关注 0票数 19

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

谢谢你的帮助。

EN

回答 4

Stack Overflow用户

发布于 2011-10-04 04:33:16

您可以让您的json本地文件执行普通的ajax调用,但有一些注意事项(请参阅http://en.wikipedia.org/wiki/Same_origin_policyjQuery's .getJSON using local files stopped working on Firefox 3.6.13,fwiw)

但这绝对可以做到:

$.getJSON('page.json', function(data) {
    /* do something with each item in data */
});
票数 1
EN

Stack Overflow用户

发布于 2011-10-04 04:44:16

您可以设置指向DataSet的AjaxSource参数:

$('#example').dataTable( {
    "sAjaxSource": 'dataset.json'
} );

这将一次性加载所有数据,并将它们放入DataTable中。请参阅有关http://www.datatables.net/examples/data_sources/ajax.html的更多详细信息。

Jovan

票数 1
EN

Stack Overflow用户

发布于 2016-12-21 21:02:27

使用jessegavin answer解决问题

$(document).ready(function (){

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 [[el.engine, el.browser, el.platform, el.version]];
});

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

https://jsfiddle.net/byejn8ye/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7640204

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档