在jquery中加载大数据

我有一个返回数据的Web服务,相当大的一组,可能是600行,20列。 在Jquery代码中将此数据加载到html表中的最快最有效的方法是什么?

我尝试通过循环返回的数据并在字符串中创建表DOM来创建表html,但循环部分非常慢。 我听说过Jquery模板,但我不确定这项技术对于大型数据集是否足够快….

谢谢

您是否可以更改Web服务或让其他服务调用它并解析数据服务器端并返回HTML? 在客户端处理JSON将成为您的瓶颈。 如果您可以让服务返回所需的HTML,那么它就是客户端上的一个简单的element.html(data)

编辑:返回JSON或HTML的问题以及每个的优点和缺点已经在这里讨论了很多: 1,2,3,4,5

这似乎是一个设计问题。 一次加载600 x 20数据项不是一个好主意。 考虑具有低系统资源的客户端,例如袖珍PC或TC(瘦客户端)将遭受访问这样的页面。

您需要缓存Web服务数据并根据用户操作将其以块的forms加载到客户端浏览器中。 您可以使用一些Ajax控件来执行此操作。

如果您的目标是让用户能够尽快与数据交互,可能您想要考虑无限滚动(也称为连续滚动)模式,以便您根据需要通过滚动用户构建网格而不是花费整个时间来渲染网格。

一些链接:

http://www.infinite-scroll.com/

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-infinite-scroll-web-gallery/

我认为这是JSON数据库可能最有用的地方……你可以编写一个服务器端页面,用几行的json db格式数据进行响应..然后执行你自己的ajax代码来加载行并在你的行中处理它们选择显示模型,如你自己的

with "overflow:auto;" 并以块的forms向该表添加行…或使用已建议的“无限滚动”之类的内容。