jquery - Jquery中的渐进式页面加载

Question

我目前有一个大页面，其中有很多正在加载的项目。

我遇到的最大问题是我有一个正在加载 3000 多行的表，并且需要一段时间才能获取所有数据。

以下是我需要帮助的内容：

1. 如何让页面的其余部分在表格之前加载。
2. 当页面的其余部分正在加载时，即使在我的大表正在加载时，我如何显示“正在加载”消息或图像。

任何帮助，将不胜感激。我很想为此使用 jquery

Answer 1

我喜欢的一个选择是使用jquery blockUI 插件来阻止表，然后做一个最小的setTimeout，基本上将加载所有表数据的操作放在 js 执行堆栈的末尾，例如：

$("#myTableId").block({
   onBlock: function () {
      setTimeout(function() {
         mytable.data.costlyLoadFunction();
      },100);
   }
});

注意：如果您的负载是单独的 ajax 请求，则不需要setTimeout.

Answer 2

也许你可以使用数据表 jquery 插件。它有一个选项来创建通过 ajax 添加数据的表。并且功能很多。（分页等）