本文介绍了如何在前端开发中中断fetch和axios发起的网络请求。通过AbortController接口与axios的CancelToken，分别展示了两种不同的中断请求方法，并讨论了它们的实际效果。在fetch中，调用abort()方法可中断请求；而axios则需要结合isCancel()和executor函数来实现。示例代码和在线实例辅助理解。
最近在看一些面试题，无意中翻到一些有意思的问题，发出去的请求还可以取消的？然后自己看文章试了一下，还真他娘的可以。所以在这里我记录一下，不然过个几个月又给全忘了。
Fetch中断请求
我们要用到的是AbortController （AbortController - Web API 接口参考 | MDN）接口中的AbortController()构造函数，然后将AbortController()中的signal对象作为请求项传递，再调用AbortController()中的abort()方法中断。
<body>
<button class="download">开始请求</button>
<button class="abort">终止请求</button>
<script>
// 使用AbortController()构造函数创建一个控制器
const controller = new AbortController();
let signal = controller.signal;
console.log("signal 的初始状态:", signal);
const downloadBtn = document.querySelector(".download");
const abortBtn = document.qu
最低0.47元/天 解锁文章
4043
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
