javascript - AJAX 页面加载和进度

Question

我想加载一个顶部有进度条的 jQuery AJAX 页面。我在这里找到了一个我想要实现的示例。

我可以使用指针指示从哪里开始。

我打算在 WordPress 网站中使用它。

Answer 1

看看这个参考页。为 指定回调onreadystatechange。一个简单的加载栏只会随着readyState变化而增加一点。这可能是链接站点所做的，这也是现代浏览器所做的（一旦收到标题或建立连接，它们就会切换加载图标）。更复杂的加载条会读取从请求接收到的标头 when HEADERS_RECEIVED，然后将 content-length 标头（when LOADING）与到目前为止接收的字节数进行比较：

下载；responseText 保存部分数据。

对于附加值而言，这种技术可能太麻烦了。AJAX 通常被设计为返回轻量级数据，因此加载时间不应该长到真正需要细粒度的加载栏。

如果使用 jQuery，您可能必须以不同的方式实现这一点，但算法是相同的。