什么是 jQuery AJAX 事件?


Ajax 请求会产生许多您可以订阅的不同事件。让我们检查两种类型的事件。

有两种类型的事件

本地事件

这些是您可以在 Ajax 请求对象中订阅的回调函数。

$.ajax({
   beforeSend: function(){
      // Handle the beforeSend event
   },
   complete: function(){
     // Handle the complete event
   }
   // ......
 });

全局事件

这些事件会广播到 DOM 中的所有元素,触发任何可能正在监听的处理程序。您可以像这样监听这些事件:

$("#loading").bind("ajaxSend", function(){
   $(this).show();
}).bind("ajaxComplete", function(){
   $(this).hide();
 });

可以通过传递全局选项来禁用特定 Ajax 请求的全局事件,如下所示:

$.ajax({
   url: "test.html",
   global: false,
   // ...
});

这是完整的 Ajax 事件列表ajaxStartajaxStop 事件是与所有 Ajax 请求相关的事件。

  • ajaxStart (全局事件) - 如果启动了 Ajax 请求并且当前没有其他 Ajax 请求正在运行,则会广播此事件。
  • beforeSend (本地事件) - 此事件在启动 Ajax 请求之前触发,允许您修改 XMLHttpRequest 对象(如有需要,可以设置附加标头)。
  • ajaxSend (全局事件) - 此全局事件也在请求运行之前触发。
  • success (本地事件) - 只有在请求成功时(服务器没有错误,数据没有错误)才会调用此事件。
  • ajaxSuccess (全局事件) - 只有在请求成功时才会调用此事件。
  • error (本地事件) - 只有在请求发生错误时才会调用此事件(请求中永远不会同时出现错误和成功回调)。
  • ajaxError (全局事件) - 此全局事件的行为与本地 error 事件相同。
  • complete (本地事件) - 无论请求成功与否,都会调用此事件。即使对于同步请求,您也始终会收到 complete 回调。
  • ajaxComplete (全局事件) - 此事件的行为与 complete 事件相同,并且每次 Ajax 请求完成时都会触发。
  • ajaxStop (全局事件) - 如果没有更多 Ajax 请求正在处理,则会触发此全局事件。

更新于:2020年2月17日

277 次浏览

启动您的 职业生涯

完成课程后获得认证

开始学习
广告