javascript - 从 JSON(数据库查询结果)加载大型 JavaScript 数组而不会使页面崩溃？

Question

我正在尝试从数据库查询中分块加载一百万行，并将其保留在同一页面上但已分页。目前我有一个按钮，可以使用 LIMIT 检索 50,000 个 block ，然后将其附加到表的末尾。查询结果被写入 JSON 文件，该文件被检索到页面上的分页表上。

但是浏览器在加载后不久就崩溃了。目前，有一个加载更多结果按钮，可将新查询附加到现有 JSON 文件中，然后将其加载到分页表中的行数组中。然而，当 JSON 文件大小达到约 160MB(约 25 万行)时，浏览器就会崩溃。

目前，我的表格已经分页，从数组中检索并使用 angularJS 过滤器对巨大数组的 ng-repeat 进行过滤，以在表格上每页仅显示 1000 个结果，并且加载更多查询会将新结果附加到表的末尾。附加的原因是因为单个大型查询花费的时间太长，并且我想访问以前加载的结果(出于 csv 导出原因)，有没有办法对一百万行进行分页而不会使页面崩溃？

预先感谢您，希望您能提供帮助。

Answer 1

使用较小的代码片段并使用本地存储来保存代码。此外，计算代码中的页面数以了解如何分解它。