JavaScript取消请求的几种方式

1、取消 XMLHttpRequest 请求

const xhr = new XMLHttpRequest()
xhr.open('get', '/sth', true)
xhr.send()
setTimeout(() => {
    xhr.abort()
}, 3000)

2、取消 Fetch 请求

const controller = new AbortController()
fetch('/sth', {
    signal: controller.signal
})
setTimeout(() => {
    controller.abort()
}, 3000)

3、取消 aixos 请求

const controller = new AbortController()
axios.get('/sth', {
    signal: controller.signal
})
setTimeout(() => {
    controller.abort()
}, 3000)

　　注意：axios 之前用于取消请求的 CancelToken 方法已经被弃用，更多请见文档 axios；