擴展jQuery的ajax函數

Question

我想擴展ajax函數，以便每當它被調用一個圖像出現在頁面上，表明有內容加載。

我可以使用本頁討論的預過濾器http://api.jquery.com/extending-ajax/來顯示圖像，但是一旦請求完成後我怎麼能隱藏圖像呢？

Answer 1

請看看這裏：Global Ajax Event Handlers

這使它容易實現加載圖像，每當一個Ajax請求通過jQuery的發送。不需要延長。

Answer 2

看一看在Global Ajax Event Handlers

使用ajaxStart和ajaxStop可以控制加載圖像一個Ajax請求開始時出現，並隱藏它，當所有的請求都完成了，（或單一一個與ajaxSuccess）

Answer 3

可以使用ajaxStart

$("#loading").ajaxStart(function(){ 
    //show loading imag here 
}); 

，併成功移除圖像

Answer 4

下面的代碼會爲你工作：

$("#loading").ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }); 

Answer 5

/*顯示，數據加載在每次Ajax調用*/

var loadingMessage = 'Please wait loading data for ' + defaultUserName; 
$(document).ready(function() 
{ 
    $("#Loadstatus").bind("ajaxSend", function() 
     { 
      $(this).text(loadingMessage); 
      $(this).show(); 
     }).bind("ajaxComplete", function() 
     { 
      $(this).hide(); 
     }); 
}); 

而且，如果你想要把一個背景的消息圖像元素與您的CSS你可以 - 動畫gif是常見的。