在网页上加载/显示大量数据

6
我有一个网页,其中包含用于显示大量数据的表格(平均为2,000至10,000行)。这个页面需要很长时间才能加载/渲染,这是可以理解的。
问题是,在页面加载时,PC的内存使用量飙升(在我的测试系统上,iexplorer使用了500mb),整个PC会停顿下来,直到加载完成,可能需要一两分钟。IE会一直挂起,切换到另一个正在运行的程序也是一样。
我需要解决这个问题 - 理想情况下,我希望实现以下两点:
1)分别加载页面的各个部分。因此,页面可以最初呈现而不包括大型数据表格。在那里放置一个加载div,直到准备好为止。
2)在渲染时不要使用太多内存或本地资源-因此,他们至少可以同时使用不同的选项卡/应用程序。
我该如何做到这两点或其中任何一点?
我是一名应用程序员,所以在Web环境中我仍然有一些困惑。
谢谢。
3个回答

2

两个基本选项:

  • 分页
  • 懒加载(用户向下滚动时加载)。请参见此jQuery插件

2

第一个链接已经失效,第二个链接是一篇关于C#的文章,因此被踩了。我知道这是一个古老的答案,事物确实会过时,但我找不到异步加载数据的文章,否则我会更新链接的。 - Duncanmoo

2
关于第一部分,这被称为Ajax:在没有表格或空表格的情况下显示页面,然后使用ajax请求获取数据(以html或任何数据格式)并显示它。
关于第二部分,您需要的是称为lazyloading的东西:仅在用户需要时加载数据,即当它在文档的可见部分时。您可以查看此问题中的DataGrid库,该库能够处理数百万行数据:this question

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接