取消Fetch API请求
如今,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');
}
})
上一篇: 经常胃疼如何破 胃病患者平时应注意什么
推荐阅读
-
坛里有友人搞过阿里巴巴API的授权请求吗
-
Vue项目调用后端接口api管理以及axios封装请求
-
原生Javascript使用fetch发起请求_模拟get|post|文件流下载等
-
系统中 部分 请求是ajax是用api接口还是直接处理就返回json
-
记一次数据库调优过程(IIS发过来SQLSERVER 的FETCH API
-
坛里有朋友搞过阿里巴巴API的授权请求吗解决方法
-
坛里有友人搞过阿里巴巴API的授权请求吗
-
3 -【 API 开放平台安全设计 】- 5 抓包工具分析 HTTP 请求
-
JavaScript如何使用fetch来完成异步请求的实例介绍
-
laravel怎么请求第三方restful api接口?