获取下一页加载的进度？

Question

在用户点击表单上的链接或提交按钮后，是否有办法获取页面加载百分比？

当用户提交表单时，会在下一页加载下一页时显示叠加层。在处理信息时，这可能需要几秒钟或几分钟。有没有办法让页面加载的进度被重定向到？。

Answer 1

我假设使用了ajax。

您可以在网页中获得的最基本的进展形式是通过onreadystatechange事件。 ajax响应对象将有一个代码告诉您页面的加载状态。更多信息here。

这不是很有用，因为大部分操作都会在readystate == 3上进行，所以如果你显示20％* readystate，你几乎会立即达到80％，然后必须等待页面实际来到这里。

更好（稍微复杂一点）的方法是将名为“Content-Length”的http标头设置为发送的总字节数，然后使用xhr onProgress事件。在这种情况下，您的数据对象将具有两个属性：total，即标头中设置的字节数;和加载，或接收的字节数。从那时起，制作进度指标非常简单。更多信息here

如果您需要有关特定代码的帮助，请上传它，我将很乐意编辑此答案并添加适合您的代码。