javascript - 获取下一页加载的进度？

Question

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

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

Answer 1

我假设使用了ajax。

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

但这并没有真正的帮助，因为大部分操作将发生在 readystate == 3 上，所以如果您显示 20% * readystate，您几乎会立即达到 80%，然后必须等待页面实际获取这里。

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

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