在jquery中加载大量数据

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

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

谢谢


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

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


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

您需要缓存webservice数据并根据用户操作将其分块加载到客户端浏览器中。 你可以使用一些Ajax控件来做到这一点。


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

一些链接:

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

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

链接地址: http://www.djcxy.com/p/47893.html

上一篇: Loading large data in jquery

下一篇: How to do a SPA using servlets and jsp?