AJAX 页面加载和进度

Question

我想加载一个顶部有进度条的 jQuery AJAX 页面。我找到了一个我正在努力实现的示例here。

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

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

Answer 1

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

正在下载； responseText 保存部分数据。

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

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