处理请求响应时间过长,强制中断请求并返回

本文介绍了一种设置HTTP请求响应时间限制的方法,通过自定义函数和使用AbortController来控制fetch请求的超时,确保长时间未响应的请求能够被及时中断。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 在实际开发中,发现部分接口在一定时间内一直不返回结果,那么就会卡在这里,除非到了默认超时时间。但是有些情况又不需要那么长的超时时长,于是就写了如下函数解决响应时间的问题

/**
 * 设置响应时间
 * @param {Promise} promise 异步函数
 * @param {Number} timeStamp 时间间隔
 * @returns Promise
 */
function setResponseTime(promise = async () => { }, timeStamp = 1000) {
  const endtime = new Date().getTime() + (timeStamp || 5000);//最后结束的时间
  let time = new Date().getTime();//当前时间
  return new Promise((resolve, reject) => {
    const interval = setInterval(e => {
      time = new Date().getTime();
      if (time > endtime) {//当前时间超过设定的时间则返回
        clearInterval(interval);
        reject(new Error('request timeout'));
      }
    }, 1000);//定时任务,用于判断是否超时
    //以下为正常返回数据
    promise.then(info => {
      clearInterval(interval);
      resolve(info);
    }).catch((err) => {
      clearInterval(interval);
      reject(err);
    });
  });
}

演示结果

function longTimeRequest(params) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('我请求成功了');
        }, 100000)
    })
}

setResponseTime(longTimeRequest(),2000);//2000后返回结果为reject的内容

fetch函数实现超时功能,通过终止器实现对fetch函数的超时控制

function createFetch(timeout) {
    return (resource, options) => {
        let controller = new AbortController();
        options = options || {};
        options.signal = controller.signal;
        setTimeout(() => {
            controller.abort();
        }, timeout);
        return fetch(resource, options);
    }
}

演示结果

function longTimeRequest(params) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('我请求成功了');
        }, 100000)
    })
}

const newFetch = createFetch(1000);

const res=newFetch(longTimeRequest)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值