前端 - jQuery 请求失败自动重试逻辑？

Question

碰到一个问题是这样的，有个老项目，用的jquery进行发送请求，因为环境网络不稳定之类的，会有偶然性的请求失败，SSL连接失败，没有状态码，只要重新发送就能正常了。所以期望能做到如果请求响应失败，且没有状态码时，请求能否每隔半秒自动重试3次。如下代码，在重试期间fail、error、always等回调逻辑不会被触发。

$.ajax({    url: 'http://localhost:3000/custom-response',    success: () => console.log('cb,success'),    fail: () => console.log('cb,fail'),    error: () => console.log('cb,error')}).always(    () => console.log('chain,always')).done(() => {    () => console.log('chain,done')}).error(() => {    () => console.log('chain,done')})

试过使用 $.ajaxPrefilter 和 $.ajaxSetup 对error、fail等进行重写，看似成功了一半，可是always没法被覆盖。jquery源码逻辑太长没看太懂，不知道从何改起。不知道有没已有的方案

Answer 1

可以看看这个项目

https://github.com/unjs/ofetch#%EF%B8%8F-auto-retry

Answer 2

你的问题确实很有挑战性，因为 jQuery 的 $.ajax 请求默认情况下并没有提供自动重试的机制。不过，你可以通过组合使用 setTimeout 和 $.ajax 的方式来实现自动重试。以下是一个简单的实现示例：

function retryRequest(options, retriesLeft) {    // 如果 retriesLeft 小于 0，则不再重试    if (retriesLeft < 0) {        if (options.error) {            options.error(jqXHR, textStatus, errorThrown);        }        return;    }    // 发送 AJAX 请求    $.ajax(options)        .done(function() {            // 请求成功，无需重试            retryRequest(options, -1);        })        .fail(function(jqXHR, textStatus, errorThrown) {            // 请求失败，稍后重试            var statusCode = jqXHR.status;            if (statusCode && statusCode !== 0) {                // 如果请求返回了状态码，则可能不是网络问题，停止重试                retryRequest(options, -1);            } else {                // 请求失败且没有状态码，稍后重试                retryRequest(options, retriesLeft - 1);                // 重试间隔为半秒                setTimeout(function() {                    retryRequest(options, retriesLeft - 1);                }, 500);            }        });}// 使用示例retryRequest($.ajax({    url: 'http://localhost:3000/custom-response',    success: () => console.log('cb,success'),    error: () => console.log('cb,error')}), 3); // 最多重试3次

在这个示例中，retryRequest 函数接收两个参数：一个 options 对象和一个 retriesLeft 整数。options 对象包含了 $.ajax 的配置选项，而 retriesLeft 表示剩余的重试次数。如果 retriesLeft 小于 0，则停止重试。如果请求成功，则停止重试。如果请求失败且没有状态码，则稍后重试。每次重试之间等待半秒。