jQuery | ajaxComplete() 方法

简介

ajaxComplete() 方法是 jQuery 中用于对 AJAX 请求完成后进行处理的函数。当一个 AJAX 请求完成时（无论是成功或是失败），ajaxComplete() 函数都会被调用。

语法

$(document).ajaxComplete(function(event,xhr,options){});

参数

• event: 事件对象，包含有关响应的详细信息。
• xhr: XMLHttpRequest 对象，用于访问响应数据。
• options: 一个可选的对象，传递给 $.ajax 函数的参数。

示例

$(document).ajaxComplete(function(event, xhr, options) {
    console.log("AJAX Request completed with status " + xhr.status);
});

以上代码将在每个 AJAX 请求完成后输出它的状态码。

使用场景

• 在多个 AJAX 请求之间共享某些通用的逻辑
• 监视 AJAX 请求的情况，比如请求的时间、状态等

注意事项

• ajaxComplete() 方法是一个全局事件。当一个 AJAX 请求完成时，它会调用这个方法的所有回调函数，不论它们绑定在哪个 DOM 元素上。
• ajaxComplete() 方法会在请求完成后立即被调用，不论请求的结果是否成功。如果需要区分请求的成功与失败，可以在回调函数中使用 xhr.status 属性或其他的判断逻辑。
• 如果动态创建的元素绑定了 ajaxComplete() 方法，它不会接收到之前发起的 AJAX 请求的响应。

参考资料

• jQuery.ajaxComplete()