如何減少XMLHttpRequest的時間滯后？

Question

我在注冊表單上使用XMLHttpRequest來查看他們輸入的用戶名是否已被使用。 該腳本可以正常運行，但是我注意到發出請求時會有一些時間延遲-發送請求后，該網頁被凍結了一秒鍾。

有沒有辦法讓請求“在后台”並且不會在前端造成任何滯后？ 我喜歡Twitter的實現：它在搜索數據庫時顯示一個旋轉的沙漏圖標。 我如何得到類似的東西？

Answer 1

您要使用異步XHR-當前正在執行同步請求，因此頁面必須凍結，直到加載完成。 異步XHR調用隨負載狀態更新一起提供的callbck函數。

如果有記憶，您只需要做

 xhr.onreadystatechange = function() { 
     if (xhr.readyState === 4 && xhr.status === 200) loadFinished();
 }
 xhr.open(requestType, url,  true);

如果為true使請求異步。

Answer 2

您需要指定XMLHttpRequest在后台異步運行。 然后，您可以提供回調函數，以便用戶可以繼續瀏覽直到操作完成。

許多站點在等待操作返回時僅顯示動畫GIF，這可能會給用戶留下您正在尋找的印象，因為它看起來正在發生某些事情。 您可以從http://www.ajaxload.info/輕松設計和下載這些AJAX旋轉指示器之一。