灵活的进度条

Question

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

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

Answer 1

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

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

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

Answer 2

您看过 Facebook 的源代码吗？

他们可能在每个 ajax 调用中都有一个函数，该函数遍历每个加载栏占位符并使其显示加载栏。