2017-03-13 21 views
-2

當加載一個旋轉圖標在JavaScript中使用XMLHttpRequest的時候,而Ajax是處理我怎樣才能加載一個旋轉圖標,我想將它引導到標籤的innerHTML的我如何使用XMLHttpRequest對象

+0

http://stackoverflow.com/questions/10409730/show-spinning-wheel-or-progressbar-when-website-is-loading。這將有助於 – CaptainHere

+1

在搜索引擎中使用問題中的關鍵字作爲初學者。當您有關於特定編程問題的問題時,請回到這裏。 –

+1

[AJAX加載圖標]可能重複(http://stackoverflow.com/questions/37210335/ajax-loading-icon) –

回答

0

而不是'Loading...'剛用你的微調圖像和糾正路徑your_file.txt從服務器獲取的響應:

function loadXMLDoc() { 
 
    var xhttp = new XMLHttpRequest(); 
 
    xhttp.onreadystatechange = function() { 
 
    if (this.readyState == 4 && this.status == 200) { 
 
     var res = this.responseText; 
 

 
     setTimeout(function(){ 
 
     document.getElementById("demo").innerHTML = res; 
 
     }, 2000); 
 
    } else { 
 
     document.getElementById("demo").innerHTML = 'Loading...'; 
 
    } 
 
    }; 
 
    xhttp.open("GET", "your_file.txt", true); 
 
    xhttp.send(); 
 
}
<div id="demo"> 
 
<button type="button" onclick="loadXMLDoc()">Change Content</button> 
 
</div>

你不需要setTimeout要麼 - 這只是爲了演示目的,所以當響應回到快速的方式,即在本地主機上時,您實際上可以看到並驗證微調器。

+0

謝謝,但真正的交易是我如何替換微調對象,而不是加載....我有一個微調,但我必須調用它的功能,所以我寫作。 InnerHTML =「

相關問題