JS实现发生错误重复的请求

最新推荐文章于 2024-07-22 15:13:59 发布

@前端小菜

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量114

点赞数 2

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_48771508/article/details/140609863

版权

如果您是指在 JavaScript 中，当请求发生错误时进行重复请求，可能有以下一些潜在的作用：

提高请求成功率：某些情况下，错误可能是由于暂时的网络波动、服务器繁忙等临时因素导致的。通过适当的重复请求，有可能在后续的尝试中成功获取到所需的数据。

例如，在发送网络请求获取实时数据时，如果第一次因为网络不稳定而失败，进行有限次数的重试可能会成功获取到最新数据。

增强系统的容错性：使系统在面对偶发性错误时具有更强的鲁棒性，不至于因为一次错误就完全无法获取关键信息。

假设在加载用户配置文件时出现错误，通过重试可以避免因这一次错误而导致用户体验的严重下降。

应对服务器端的不稳定：服务器可能会偶尔出现异常情况，通过重试可以在服务器恢复正常后获取到正确的响应。

然而，过度的重复请求也可能带来一些问题：

增加服务器负担：如果大量客户端都进行重复请求，可能会对服务器造成不必要的压力。
延迟用户体验：多次重试可能会导致用户等待时间过长。
资源浪费：包括网络资源和客户端的计算资源。

在实际应用中，需要谨慎地设计重复请求的策略，例如设置合理的重试次数、间隔时间，并根据具体的业务场景和错误类型来决定是否进行重试。

使用示例：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./index.js"></script>
  <script>
    request('https://my-json-server.typicode.com/typicode/demo/profile')
      .then(res => console.log(res))
      .catch(err => console.log(err))
  </script>
</body>
</html>

功能代码：

/**
 * 发出请求，返回 Promise
 * @param {string} url 请求地址 
 * @param {number} maxCount 最大重试次数
 */
function request(url, maxCount = 3) {
  return fetch(url)
    .then(res => res.json())
    .catch(err => {
      maxCount <= 0 ? Promise.reject(err) : request(url, maxCount - 1)
    })
}

@前端小菜

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS实现发生错误重复的请求

例如，在发送网络请求获取实时数据时，如果第一次因为网络不稳定而失败，进行有限次数的重试可能会成功获取到最新数据。假设在加载用户配置文件时出现错误，通过重试可以避免因这一次错误而导致用户体验的严重下降。
复制链接

扫一扫