借助于 xhr 的 about() 方法,这样我们就可以在适当的位置去调用它,来取消请求。

1
xhr.abort();

img

img

1
2
3
4
5
6
7
8
9
10
11
12
//获取元素对象
const btns = document.querySelectorAll('button');
let xhr = null;
btns[0].onclick = function() {
xhr = new XMLHttpRequest();
xhr.open("GET", 'http://127.0.0.1:8000/delay');
xhr.send();
}
// abort
btns[1].onclick = function() {
xhr.abort(); // --------------------------------------------
}

对它的封装: —–传送门—–