如今,fetch api已经成为现在浏览器异步网络请求的标准方法,但fetch也是有弊端的,比如: fetch还没有方法终止一个请求,而且fetch无法检测上传进度
现在我们可以通过 abortcontroller 和 abortsignal 来终止,代码如下:
const controller = new abortcontroller()
const signal = controller.signal
fetch('./data.json', { signal })
可以通过controller.abort()来通知终止事件,比如,你可以在请求发出后3秒来终止请求
settimeout(() => { controller.abort(); }, 3 * 1000);
如果请求完成了,调用absort()不会发生错误
如果请求没有完成,那么fetch就会抛出一个domexception异常,异常的name属性值为"aborterror",可以在promise中的catch捕获这个异常
例如: fetch('./data.json', { signal })
.then((res) => {})
.catch((err) => {
if (err.name === 'aborterror') {
console.log('fetch aborted');
} else {
console.log('another error');
}
})
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!
网友评论