javascript - 灵活的进度条

Question

我有一个关于 Ajax 中进度条的长期悬而未决的问题，我需要澄清。问题是，当我们在 Facebook 中执行任何操作并且网站正在等待服务器的响应时，进度条会出现在页面的不同部分。

Facebook 不可能安装 100 个这样的进度条(我是这么认为的)。必须创建一个对象，每次向服务器发送请求时，都会调用该对象。解决方案是什么，使用 JavaScript 或 Ajax 或其他什么？

Answer 1

首先阅读 jQuery 的文档 $.ajax ，尤其是全局Ajax events .

您真正需要做的就是创建一个进度条(可以使用 jQuery UI 轻松完成)并将其绑定(bind)到全局 Ajax 事件，以便在进行 Ajax 调用时使其正常工作。使用 jQuery UI 中内置的进度条，您可以使用 Ajax 调用中实际完成的百分比来更新进度条。

剩下的只是进度条本身在页面上的 css 放置。