jQuery的ajax方法全局事件:

一:ajaxStart():ajax请求开始时触发

写法:$(selector).ajaxStart(function(){ajax请求开始时触发的代码});

ajaxStop:ajax请求结束时触发

写法:$(selector).ajaxStop(function(){ajax请求结束时触发的代码});

二:ajaxSend:ajax请求发送前执行函数

ajaxSend()函数用于设置当AJAX请求即将被发送时执行的回调函数。(它比ajaxStart()稍微慢一点。一般而言,连续执行多个AJAX请求,只有其中的第一个AJAX请求会触发ajaxStart事件。等到所有AJAX请求执行完毕后,再次连续执行多个AJAX请求,还是只有其中的第一个AJAX请求会触发ajaxStart事件。 )

三:ajaxSuccess:ajax请求成功时执行函数

例如:

$("#msg").ajaxComplete(function(event,request, settings){

  $(this).append("<li>请求完成.</li>");

});

当 AJAX 请求正在进行时显示“正在加载”的指示:

jQuery 代码:

$("#txt").ajaxStart(function(){

  $("#wait").css("display","block");

});

$("#txt").ajaxComplete(function(){

  $("#wait").css("display","none");

});

四:ajaxComplete:ajax请求完成时(无论成功或失败)时执行函数

例如:

$("#msg").ajaxComplete(function(event,request, settings){

  $(this).append("<li>请求完成.</li>");

});

当 AJAX 请求正在进行时显示“正在加载”的指示:

jQuery 代码:

$("#txt").ajaxStart(function(){

  $("#wait").css("display","block");

});

$("#txt").ajaxComplete(function(){

  $("#wait").css("display","none");

});

五:ajaxError:ajax请求发生错误后执行函数

例如:

AJAX 请求失败时显示信息。

jQuery 代码:

$("#msg").ajaxError(function(event,request, settings){

    $(this).append("<li>出错页面:" + settings.url + "</li>");

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,203评论 0 1
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,727评论 1 7
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,394评论 0 2
  • 第1章 jQuery实现Ajax应用 1-1 使用load()方法异步请求数据 使用load()方法通过Ajax请...
    mo默22阅读 1,742评论 1 9
  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 599评论 0 1