Question

我正在从XML文件中读取记录并使用push方法在javascript中使用javascript将其显示在动态创建的HTML表格中（在id =“content”的div中）。当记录数低于1000时，脚本正常执行并显示内容。但是当记录数量超过100万时，浏览器（目前正在使用Firefox）警告我为无响应脚本（此页面上的脚本可能正忙，或者它可能已停止响应。您可以立即停止脚本，或者您可以继续看看脚本是否完整）。我知道我们可以拆分记录并显示页面导航，但是我需要在Yahoo！Mail的滚动选项中显示当前视图中的所有记录。或者在显示所有记录之前，我想在“content”div中显示加载图像，然后必须显示带有xml内容的HTML表。我怎么能这样做？

Answer 1

这是有充分理由的。将数百万条记录加载到网页中并不是一个好主意，因为它会占用您的PC内存。就如此容易人们为此做了很多解决方法，你可以使用分页来回。你也可以使用延迟加载。就像你一次只能看到10条记录一样，因此在向下滚动页面时会动态加载记录许多js库具有不同的分页和延迟加载实现。这是Extjs的分页示例 enter link description here

分页和延迟加载。使用这些技术之一

Answer 2

你最初可以在滚动到达时加载一些记录，加载更多记录等等。你可以使用下面的javascript代码检查滚动结束，从而加载更多记录：

$('#id').bind('scroll', function(){
            if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight){
                //load more records
            }
        });

将大量记录从XML加载到HTML表

2 个答案: