灵活的进度条

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调用中都有一个函数，它遍历每个加载栏占位符并使其显示加载栏。