靈活的進度條

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調用中都有一個函數，它遍歷每個加載欄佔位符並使其顯示加載欄。