将数据加载到页面元素，而不会冻结整个页面

Question

我有一个主页，里面有菜单选项和几个Iframe。 其中一个 Iframe 页面有许多 DIV 元素，这些元素最初加载为空。所以一切都加载得很快。

每个 DIV 的数据提取查询运行时间有点长。所以我想将数据一个接一个地加载到 DIV 中，而不会冻结我的主页及其菜单选项。

如何在数据获取功能运行时保持页面活动？

请建议。

Answer 1

已经解决了。

基本上，需要使用异步 AJAX 调用。真正拯救我的命令是JQuery .ajaxStop((。每当 AJAX 命令完成时，就会触发此命令。所以我为我的第一个元素和休息调用 ajax 数据，我将其保存在 ajax.stop 下。

因此，元素通过调用异步 ajax 调用来加载对象数据。 完成后，它会立即触发第二个元素。 直到我的所有对象都加载完毕。

这种方法是无缝的。页面从不等待数据到达。在到达数据时加载。 我的页面作为几个HightChart报告加载。

   function startLazyLoading() {
        $("SELECT").each(function (index) {
            filter_load_count++;
            $(this).submit();
            return false;
        });
    }
    $(document).ajaxStop(function () {
        $("SELECT").each(function (index) {
            if (typeof $(this).attr('onsubmit') !== "undefined") {
                filter_load_count++;
                $(this).submit();
                return false;
               }
          }
    });