axios重新调用失败的ajax_Axios 取消 Ajax 请求

Axios 取消 Ajax 请求

Axios

XMLHttpRequest

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

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 请求

©xgqfrms 2012-2020

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