jQuery Ajax事件

Ajax请求会产生许多您可以订阅的不同事件。

Ajax事件的类型

有两种类型的Ajax事件:

  • 本地事件

  • 全局事件

Ajax本地事件

Ajax本地事件是可以在Ajax请求对象中订阅的回调。

您可以像这样监听ajax本地事件:

$.ajax({
  beforeSend: function(){
 // 处理beforeSend事件
  },
  error: function(){
 // 处理错误事件
  },
  success: function(){
 // 处理成功事件
  },
  complete: function(){
 // 处理完成事件
  }
});
测试看看

有四个Ajax本地事件:

  • beforeSend-在发送请求之前运行的功能

  • error -如果请求失败,则运行的函数

  • success -请求成功时要运行的功能

  • complete-完成请求后运行的功能(成功和错误功能之后)

Ajax全局事件

Ajax全局事件在文档上触发,调用任何正在侦听的处理程序。

您可以像这样监听ajax全局事件:

$("button").click(function(){
  $("#result").load("ajax_intro.txt");
});

$(document).ajaxComplete(function(event, xhr, options){
  $("#done").append(options.url);
  $("#done").append(xhr.status);
  $("#done").append(event.type);
});
测试看看

有六个Ajax全局事件:

  • ajaxComplete() -在Ajax请求完成时附加要调用的函数

  • ajaxError() -当Ajax请求完成并附有错误时,附加要调用的函数

  • ajaxSend() -在发送Ajax请求之前附加要调用的函数

  • ajaxStart() -附加第一个Ajax请求开始时要调用的函数

  • ajaxStop() -完成所有Ajax请求后,附加一个要调用的函数

  • ajaxSuccess() -每当Ajax请求成功完成时,附加要调用的函数

jQuery AJAX参考

有关完整的AJAX方法参考,请访问我们的jQuery AJAX参考