AJAX頁面加載和進度

Question

我想使用頂部的進度條進行jQuery AJAX頁面加載。我找到了一個我想要實現的例子here。

我可以使用指針從哪裏開始。

我打算在WordPress站點中使用它。

Answer 1

看看this reference page。指定onreadystatechange的回撥。隨着readyState的變化，一個簡單的加載條只會增加一點。這可能是鏈接網站所做的事情，這就是現代瀏覽器所做的事情（一旦收到標題或建立連接，它們就會切換加載圖標）。一個更復雜的加載條會讀取頭從所述請求接收的時HEADERS_RECEIVED，然後比較內容長度報頭（當LOADING）到的字節數接收的到目前爲止：

下載; responseText保存部分數據。

這種技術對增加值可能太麻煩了。 AJAX通常被設計爲返回輕量級數據，因此加載時間不應該足夠長，以至於無法真正需要細粒度加載欄。

如果使用jQuery，則可能需要以不同方式實現，但算法相同。