在前端开发中，Ajax 是常用的一种技术，但是在请求过程中可能会遇到错误或者超时等问题。这时候我们需要实现一个可靠的机制来重试失败的 Ajax 请求。
方案设计
为了能够重试失败的 Ajax 请求，我们可以使用 jQuery 的 $.ajax 方法，并结合 Promise 和 setTimeout 实现一个简单的重试机制。具体步骤如下：
- 封装一个带有重试功能的函数，接收参数包括 url、data 和 options。
- 在函数内部，定义一个 maxRetries 变量表示最大重试次数和一个 currentRetries 变量表示当前已经重试的次数，初始值都设置为0。
- 调用 $.ajax 方法发送请求，并且将其封装成 Promise 对象，以便后续处理。
- 在 Promise 对象的 then 方法中，检查响应的状态码，如果是成功的（200~299），直接返回响应结果。
- 如果响应状态码不是成功的，先检查是否达到了最大重试次数，如果是，则返回错误信息；否则，等待一定时间后再次调用当前函数，并将 currentRetries 增加1。
- 递归执行步骤3~5，直到成功或者达到最大重试次数。
示例代码
下面是一个使用 jQuery 实现重试机制的示例代码：
-- -------------------- ---- -------
-------- -------------- ----- -------- -
----- ---------- - --
--- -------------- - --
-------- ------------------ ------- -
--------
----
-----
-----------
------------- -- -
-- ----------- -- --- -- ---------- - ---- -
------------------
- ---- -
-----------------
-- --------------- - ----------- -
---------- ---------- ------- ------------
- ---- -
------------- -- -
------------------ --------
-- ---- - ----------------
-
-
-------------- -- -
-----------------
-- --------------- - ----------- -
---------- ---------- ------- ------------
- ---- -
------------- -- -
------------------ --------
-- ---- - ----------------
-
---
-
------ --- ----------------- ------- -- -
------------------ --------
---
-总结
上述方案实现了重试失败的 Ajax 请求，可以有效提高请求的可靠性。在使用时要注意设置合适的最大重试次数和重试间隔时间，避免对服务器造成过大的压力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11874