AJAX页面加载和进度

AJAX Page Loading and Progress

本文关键字：加载 AJAX 更新时间：2023-09-26

我想加载一个jQuery AJAX页面，页面顶部有一个进度条。我在这里找到了一个我正在努力实现的目标的例子。

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

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

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

下载；responseText保存部分数据。

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

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