扩展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是常见的。