Axios 取消 Ajax 请求

Axios 取消 Ajax 请求

Axios

XMLHttpRequest

https://caniuse.com/?search=XMLHttpRequest

https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest

XMLHttpRequest.abort()

https://stackoverflow.com/questions/446594/abort-ajax-requests-using-jquery

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/abort

var xhr = new XMLHttpRequest(),
    method = "GET",
    url = "https://developer.mozilla.org/";
xhr.open(method, url, true);

xhr.send();

if (OH_NOES_WE_NEED_TO_CANCEL_RIGHT_NOW_OR_ELSE) {
  xhr.abort();
}

Fetch

Promise

AbortController

https://developer.mozilla.org/zh-CN/docs/Web/API/FetchController

const controller = new AbortController();
let signal = controller.signal;

const downloadBtn = document.querySelector('.download');
const abortBtn = document.querySelector('.abort');

downloadBtn.addEventListener('click', fetchVideo);

abortBtn.addEventListener('click', function() {
  controller.abort();
  console.log('Download aborted');
});

function fetchVideo() {
  //...
  fetch(url, {signal}).then(function(response) {
    //...
  }).catch(function(e) {
    reports.textContent = 'Download error: ' + e.message;
  })
}

refs

如何取消一个 Ajax 请求

https://www.cnblogs.com/xgqfrms/p/13716912.html

---

---

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---