jQuery之ajax事件处理
2014-08-13来源:易贤网

jquery第二十四课,ajax事件处理,也就有常见的几种,表示在ajax处理之后,通过结果事件来调用不同的函数,比如,ajax执行完毕,ajax出现错误等等.

1.ajaxComplete(callback)AJAX 请求完成时执行函数。Ajax 事件。

callback是回调函数,当对象的ajax执行完毕后,调用该函数,函数可以有参数function(event,request, settings){}

event是事件名称 为ajaxComplete

request是XMLHttpRequest对象

settings表示对象提交设置,比如settings.type,如果是GET方式提交,返回GET,如果是post方式提交返回POST,比如settings.url是提交调用的页面以及参数

举例:

$("#cn").bind("click",function(){$.get("index4.php",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );});

$("#cn").ajaxComplete(function(event,request, settings){alert(settings.type);});

2.ajaxError(callback),AJAX 请求发生错误时执行函数

callback是返回函数.function(event,XMLHttpRequest,ajaxOptions,thrownError) {}在处理函数中可以用this表示监听的dom元素

参数:

event是触发的事件当前event.type表示ajaxError事件.

XMLHttpRequest返回错误信息内容,XMLHttpRequest.responseText就是text文本形式输出的内容.

ajaxOptions跟上面的settings相似,是一些参数的调用:ajaxOptions.url,则返回调用页面以及参数

thrownError只有当异常发生时才会被传递,这个不是很理解.

举例:

$("#cn").bind("click",function(){$.get("index100.php",{foraspcnurl:$("#forasp").val()},function(msg){alert(msg);} );});

$("#cn").ajaxError(function(event,XMLHttpRequest,ajaxOptions,thrownError){alert(ajaxOptions.url);});});

3.ajaxSend(callback)AJAX 请求发送前执行函数。

callback 回调函数:function(evt,request,settings){});

参数evt 是 是事件,request是XMLHttpRequest对象,setting是提交的设置.更ajaxComplete类似.

4.ajaxStart(callback) AJAX请求开始时执行函数

5.ajaxStop(callback)AJAX请求结束时执行函数

6.ajaxSuccess(callback)AJAX请求成功时执行函数。

4,5,6中的Callback是执行时调用的函数,function(){},没有参数.直接在函数体内写执行.

更多信息请查看IT技术专栏

推荐信息