jquery之ajax事件处理
2016-06-15来源:易贤网

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(){},没有参数.直接在函数体内写执行.

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息