全局ajax事件
2016-04-26 09:54
423 查看
必须当页面上存在任何ajax请求的时候都将触发这些特定的全局ajax处理函数。
如果在jQuery.ajaxSetup()中的global属性设置成true,那么这些全局函数将会在每一个ajax上面都触发,这正是默认值。
注意:
1.全局事件永远不会再跨域的脚本中运行,也不会再JSONP请求中运行。
2.在jQuery1.9以上,所有的全局ajax函数必须绑定扫到document上,也就是$(document).事件
3.只有在$.ajax()亦或$.ajaxSetup()中的globle设置成true才能使用ajax全局函数,false将不能使用。
针对每一个请求(per request)
$.ajaxComplete()
例子:HTML代码:
<div class="trigger">Trigger</div> <div class="result"></div> <div class="log"></div>
jquery代码:
$( document ).ajaxComplete(function() { $( ".log" ).text( "Triggered ajaxComplete handler." ); }); $( ".trigger" ).click(function() { $( ".result" ).load( "ajax/test.html" ); });
当用户点击class=trigger的元素的时候,加载html文件,请求完成之后class=log元素上显示信息。
无论什么Ajax请求完成,都将触发ajaxComplete事件,所以,你可以如下进行判断
$( document ).ajaxComplete(function( event, xhr, settings ) { if ( settings.url === "ajax/test.html" ) { $( ".log" ).text( "Triggered ajaxComplete handler. The result is " + xhr.responseText ); } });
语法形式
$(document).ajaxComplete(function(event,xhr,options))
Parameter | Description |
---|---|
function(event,xhr,options) | 必须,指定当请求完成之后执行的函数 Additional parameters: event - 事件对象event xhr - XMLHttpRequest对象 options - 在AJAX request中使用的参数 |
$.ajaxError()
$(document).ajaxError(function(event,xhr,options,exc))
Parameter | Description |
---|---|
function(event,xhr,options,exc) | 必须,指定请求失败后运行的函数 Additional parameters: event - 事件对象event xhr - XMLHttpRequest对象 options - 在ajax 请求时使用过得参数 exc - 错误对象 |
每次执行ajaxerror事件的时候,传递了event对象,jqXHR对象(jQuery1.5之前是XHR对象),和用于请求的settings对象。
当HTTP error发生,第四个参数(thownError)接受了HTTP的状态的文本部分,例如“Not Found”亦或“Internal Server Error”
to restrict the error callback to only handling events dealing with a particular URL:
ajaxSend()
send()发送的时候发触发ajaxSuccess()是请求成功时触发,注意和ajaxComplete不同的是,ajaxComplete是不管请求失败还是成功,只要完成了就执行。
针对一批请求
ajaxStart(),ajaxStop()
是针对文本中所有的ajax请求的,当第一个ajax请求发送时触发ajaxStart()事件,当最后一个ajax请求完成时,触发ajaxStop()事件,不同的是,ajaxSend()和ajaxComplete是针对文本中每一次的ajax请求的。所以如果你在文本中一次使用了3个请求,ajaxStart()会在第一个请求发起时触发,ajaxStop()会在最后一个请求结束时触发,所以它们常常组合用于显示loading等待框等。因为他们处理的是一群ajax请求,所以它们的回调函数中没有任何参数
.ajaxStart( handler() ) .ajaxStop( handler() )
相关文章推荐
- SQLServer两张表筛选相同数据和不同数据
- 枚举
- Java异常
- 使用Python进行多进程编程
- 奋斗吧,程序员——第十五章 去年今日此门中,人面桃花相映红
- Delphi COM编程技术四自动化技术
- Emgu.CV 播放视频-本地文件/RTSP流
- 五步学习
- Vlc播放rtsp视频
- 模板函数,模板类的声明和定义都放在.h文件
- POJ_1631_Bridging_Signals_(动态规划,LIS)
- 如何从零开始搭建一个技术平台
- Python系列(一)转义字符
- Java语法糖4:内部类
- Python多进程并发(multiprocessing)
- Eclipse中jsp,html代码自动排版太丑怎么办?!改改就好了!
- IOS(objective-c)实现md5加密(32位小写)的工具类
- Oracle正则表达式使用介绍
- GCD定时器
- SqlDataReader