發送ajax請求

Question

我正在使用ajax重新加載頁面的一部分。當用戶單擊一個按鈕時，用div標記包圍的部分頁面被重新加載。但是從顯示請求的時間到以及獲得響應的時間。所以我希望在這個中間時間內應該在該div中顯示一些gif圖像（如加載）。 當獲得響應，gif圖像應該消失 我該怎麼做？

Answer 1

使用jQuery：

$('#mydiv').html('<img src="ajax.gif"> Loading...').load(...); 

Answer 2

在這裏，你可能會發現一些加載的GIF： http://www.ajaxload.info/

Answer 3

如果你使用標準的JavaScript，你可能會需要做這樣的事情：

document.getElementByID('yourdiv').innerHTML = '<img src="loading.gif" />'; 
/* your other ajax code .. */ 
if(xhr.status == 200){ 
    document.getElementByID('yourdiv').innerHTML = xhr.responseText; 
}