定义全局jQuery错误处理器时如何跳过$.ajax().fail()回调？

没问题，我来帮你搞定这个全局jQuery AJAX错误处理器的需求——既能自动重试500状态码的请求，还能妥善覆盖单个请求里的.fail()回调。下面是完整的实现方案，附带详细解释：

我们可以通过重写jQuery的$.ajax方法，结合全局配置来实现这个需求，确保所有AJAX请求都能触发统一的错误重试逻辑，同时兼容单个请求的自定义回调。

完整实现代码 #

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        // 先设置全局AJAX默认参数
        $.ajaxSetup({
            retryCount: 3, // 默认重试3次
            retryDelay: 1000 // 每次重试间隔1秒
        });

        // 保存原始的$.ajax方法，之后重写它
        const originalAjax = $.ajax;
        $.ajax = function(options) {
            // 合并用户传入的配置和全局默认配置
            const settings = $.extend({}, $.ajaxSettings, options);
            
            // 先把用户自定义的fail回调存起来，后面按需执行
            const userCustomFail = settings.fail;

            // 替换成我们的全局错误处理逻辑
            settings.fail = function(jqXHR, textStatus, errorThrown) {
                // 只针对500状态码做重试处理
                if (jqXHR.status === 500) {
                    if (settings.retryCount > 0) {
                        // 剩余重试次数减1，打印日志便于调试
                        settings.retryCount--;
                        console.log(`请求触发500错误，剩余重试次数：${settings.retryCount}`);
                        
                        // 延迟指定时间后重新发起请求
                        setTimeout(() => {
                            $.ajax(settings);
                        }, settings.retryDelay);
                    } else {
                        // 重试次数耗尽，显示提示信息
                        alert('服务器内部错误，多次重试后仍无法完成请求，请稍后再试');
                        // 如果用户有自定义的fail回调，这里帮它执行
                        if (typeof userCustomFail === 'function') {
                            userCustomFail(jqXHR, textStatus, errorThrown);
                        }
                    }
                } else {
                    // 非500错误，直接执行用户自定义的fail回调（如果有）
                    if (typeof userCustomFail === 'function') {
                        userCustomFail(jqXHR, textStatus, errorThrown);
                    }
                }
            };

            // 调用原始的$.ajax方法发起请求
            return originalAjax(settings);
        };

        // 测试用的请求函数
        function call() {
            $.ajax({
                url: '/rest/api/v1/some_errorneous_path',
                // 可以在这里自定义重试次数/间隔，覆盖全局默认值
                // retryCount: 2,
                // retryDelay: 1500,
                success: function(response) {
                    console.log('请求成功:', response);
                },
                fail: function(jqXHR) {
                    console.log('用户自定义的fail回调执行:', jqXHR.status);
                }
            });
        }

        // 页面加载完成后自动触发测试请求
        $(document).ready(function() {
            call();
        });
    </script>
</head>
<body>
    <button onclick="call()">手动发起请求</button>
</body>
</html>

核心逻辑解释 #

• 全局配置兜底：通过$.ajaxSetup()设置默认的重试次数和间隔，单个请求可以自行覆盖这些参数，满足不同场景需求。
• 重写$.ajax实现拦截：替换原始的$.ajax方法，让所有AJAX请求都经过我们的逻辑处理，确保全局错误逻辑优先执行。
• 重试逻辑控制：遇到500错误时，先检查剩余重试次数，有次数就延迟重试；次数耗尽后显示提示，并兼容执行用户自定义的.fail()回调。
• 兼容自定义回调：不会完全覆盖用户的.fail()逻辑，非500错误或重试耗尽后，都会帮用户执行自己定义的回调，兼顾统一性和灵活性。

内容的提问来源于stack exchange，提问作者LIvanov