JavaScript取消请求的几种方式

1、取消 XMLHttpRequest 请求

?

1 2 3 4 5 6

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

2、取消 Fetch 请求

?

1 2 3 4 5 6 7

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

3、取消 aixos 请求

?

1 2 3 4 5 6 7

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

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