ajax请求失败后重连和promiseIfy

记得在找实习时，被问到一个问题。前端发送请求失败后如何重新发送请求。

以 ajax 为例：

let num = 0; function ajaxReconnection() { $.ajax({ url: "http://localhost:3000", method: "GET", success: (result) => { console.log("这里输出result：", result); }, error: (error) => { console.error("这里请求失败了：", error); if (num < 5) { setTimeout(() => { console.log("失败后尝试重连:", num++); test(); }, 1000); } else { console.log("重连次数超过5次，停止重连"); } }, }); }

这里顺带一个 promiseIfy 把类似 ajax 中带 success 和 error 函数的写法改变为 promise 写法。

function promiseIfy (fn){ return function (obj){ return new Promise((resolve,reject)=>{ obj.success = function (value){ resolve(value) }; obj.error = function (error){ reject(error) } fn(obj) }) } } promisedAjax = promiseIfy($.ajax) promisedAjax(obj).then((value)=>{ console.log(value) },(error)=>{ console.error(error) })