jQuery ajax 一点知识

Ajax会触发的事件有两种事件，一种是局部事件，一种是全局事件：

 

局部事件：通过$.ajax来调用并且分配。

 

Java代码 

1. $.ajax({  
2.     beforeSend: function(){  
3.      // Handle the beforeSend event  
4.     },  
5.     complete: function(){  
6.      // Handle the complete event  
7.     }  
8.     // ...  
9. });  

 

全局事件，可以用bind来绑定，用unbind来取消绑定。

 

Java代码 

1. $("#loading").bind("ajaxSend", function(){ //使用bind  
2.     $(this).show();  
3. }).ajaxComplete(function(){  //直接使用ajaxComplete  
4.     $(this).hide();  
5. });  

 但是，有的时候不希望用全局变量，这个时候让global:false

 

Java代码 

1. $.ajax({  
2.    url: "test.html",  
3.    global: false,  
4.    // ...  
5.  });  

 他还有一些事件顺序：

ajaxStart 全局事件    开始新的Ajax请求，并且此时没有其他ajax请求正在进行。

beforeSend 局部事件     当一个Ajax请求开始时触发，在这里设置XHR对象。

ajaxSend 全局事件      请求开始前触发的全局事件

 

success 局部事件      请求成功时触发。当服务器没有返回错误，返回的数据也没有错误。

 

ajaxSuccess 全局事件    全局的请求成功

 

error 局部事件      仅当发生错误时触发。无法同时执行success和error两个回调函数。

 

ajaxError 全局事件    全局的发生错误时触发

 

complete 局部事件    不管请求成功还是失败，都能在请求完成时触发这个事件。

 

ajaxComplete 全局事件    全局的请求完成时触发

 

ajaxStop 全局事件   当没有Ajax正在进行中的时候，触发。