接口请求做时间限制处理，超过指定时间接口未做返回可以做特殊处理

最新推荐文章于 2024-08-09 04:36:25 发布

原创最新推荐文章于 2024-08-09 04:36:25 发布 · 980 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #react.js

前端专栏收录该内容

10 篇文章

订阅专栏

该博客介绍了如何使用Promise实现接口请求的时间限制处理。通过设置定时器，在接口3秒内未响应则触发错误，执行reject操作。当接口正常返回时，清除定时器并传递数据。这种方式确保了异步操作的可靠性。

接口请求做时间限制处理，超过指定时间接口未做返回可以做特殊处理

  let promise = new Promise((resolve, reject) => {
    const timer = setTimeout(() => {
      reject("timeout");
    }, 3000);  // 若接口未返回，则3秒后reject，
	//接口请求
    getOrder().then(res => {
      console.log('res', res);
      clearTimeout(timer); // 关闭定时器
      resolve(res);  // 接口正常返回，将返回数据放在resolve中处理，进行分离
    }).catch(err => {
      console.error(err);
      reject(err);
    })
  })
  promise.then((res) => {
  	//请求结果
  }, (err) => {
     console.error('err1', err);
  })