如何为不可编辑的AJAX请求绑定自定义成功事件钩子？

当然可以，有两种可靠的实现方式：

方法一：利用全局AJAX成功事件监听 #

jQuery提供了ajaxSuccess()全局事件，能监听所有通过jQuery发起的AJAX请求的成功回调。你可以通过判断请求的URL或其他参数，只对目标请求执行自定义操作：

$(document).ajaxSuccess(function(event, xhr, settings) {
    // 替换成你要匹配的目标请求URL
    if (settings.url === "你的目标请求地址") {
        // 这里写入你的自定义操作
        console.log("自定义success逻辑执行");
        // 示例：显示成功提示、更新页面数据等
        // $('.success-tip').text('操作完成').fadeIn();
    }
});

方法二：重写jQuery.ajax方法扩展success回调 #

通过重写原生的jQuery.ajax方法，拦截请求配置，将自定义逻辑和原有的success回调合并执行：

// 保存原始的ajax方法
const originalAjax = jQuery.ajax;

// 重写ajax方法
jQuery.ajax = function(options) {
    // 保留原success回调
    const originalSuccess = options.success;
    
    // 替换为合并后的回调函数
    options.success = function(data, textStatus, jqXHR) {
        // 先执行原有的success逻辑
        if (typeof originalSuccess === 'function') {
            originalSuccess(data, textStatus, jqXHR);
        }
        // 这里添加你的自定义操作
        console.log("自定义success逻辑执行");
        // 示例：发送统计数据、触发自定义事件等
        // $(document).trigger('customAjaxSuccess', data);
    };
    
    // 调用原始ajax方法发起请求
    return originalAjax.call(this, options);
};

两种方法的适用场景 #

• 方法一更轻量化，适合仅针对特定URL的请求添加操作，不会干扰其他AJAX请求；
• 方法二更灵活，能确保自定义逻辑和原success回调按顺序执行，适合需要统一处理所有jQuery AJAX请求的场景（可通过添加条件判断缩小范围）。

内容的提问来源于stack exchange，提问作者Faye D.