要在JavaScript中为fetch请求增加重试次数,您可以使用递归函数来处理请求,以便在失败时进行多次重试。以下是一个示例,展示了如何实现这个功能:
function fetchWithRetry(url, maxRetries, retryInterval) {
return fetch(url)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response;
})
.catch(error => {
if (maxRetries > 0) {
console.error(`Request failed. Retrying in ${retryInterval}ms...`);
return new Promise(resolve => {
setTimeout(() => {
console.log(`Retrying... (${maxRetries} retries left)`);
resolve(fetchWithRetry(url, maxRetries - 1, retryInterval));
}, retryInterval);
});
} else {
throw error;
}
});
}
// 使用示例:
const url = 'https://example.com/api/data';
const maxRetries = 3; // 设置重试次数
const retryInterval = 1000; // 重试间隔(毫秒)
fetchWithRetry(url, maxRetries, retryInterval)
.then(response => {
// 在这里处理成功的响应
console.log('Success:', response);
})
.catch(error => {
// 在这里处理所有重试后仍然失败的情况
console.error('Request failed after retries:', error);
});上述代码中,fetchWithRetry 函数会尝试执行fetch请求,并在请求失败时重试,最多重试指定的次数。如果所有重试都失败,它会将错误抛出以供处理。
请注意,重试请求需要谨慎使用,以避免对目标服务器施加不必要的负担。在实际使用中,您可以根据您的需求来设置合适的重试次数和重试间隔。网友回复


