以json或html文件加载数据是否更快？

Question

标题短语很糟糕，所以这里有更长的描述：

我有一个以html格式导出数据的应用程序。 （500行，20列） 很多无用的列看起来很糟糕。

我想使用类似datatables的内容来制作更实用的表格，即分页/排序/过滤/隐藏列

我首先尝试的选项是使用jquery中的.load（）函数从导出的html文件中插入表。然后我循环删除/修改列。

这似乎很慢（我怀疑我的循环和搜索）所以我正在寻找改进。

一个想法是将我导出的html文件预转换为json（使用notepad ++宏或类似的东西），然后从该json文件构建我想要的表。

关于我是否可以期待大幅提升效果或潜在问题需要注意的任何意见？

非常感谢/ Colm

Answer 1

JSON应该更快，当它加载它准备好时，没有你需要对文本文件进行的所有文本解析。许多其他jquery插件可以让你在使用JSON时很容易。

Answer 2

我认为这不是关于哪种加载数据更快，而是哪种解决方案更适合您的问题。数据表非常灵活，您可以从不同的来源加载。请查看示例中的“数据源”和“服务器端处理”：http://datatables.net/examples/

Datatables主要使用JSON格式。处理您的数据需要找到最佳方法;转换你导出的html文件，用javascript处理文件来转换数据（jquery可以帮到你），等等。

Answer 3

This page给出了json表中加载数据与html表中数据的实际例子。相当确定，请参阅2010年7月的sd_zuo帖子，json的速度加载速度增加了四倍，然后只需构建要显示的表格。

当然，该页面特别针对IE8中innerHtml函数的缓慢处理，但我想我会在json中给它一个去看看它在几个浏览器中的比较。

P.S。 This page为使用原始javascript快速创建html提供了很好的建议，然后只使用jquery一次插入一整行