取消請求

2020-02-06 21:05 更新

使用 cancel token 取消請求。

 Axios 的 cancel token API 基于 cancelable promises proposal,它還處于第一階段。

 可以使用 CancelToken.source 工廠方法創(chuàng)建 cancel token 像這樣:

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.get('/user/12345', {
    cancelToken: source.token
}).catch(function (thrown) {
    if (axios.isCancel(thrown)) {
        console.log('Request canceled', thrown.message);
    } else { /* 處理錯誤 */ }
});

axios.post('/user/12345', {
    name: 'new name'
}, {
    cancelToken: source.token
});

// 取消請求 (message 參數(shù)是可選的)
source.cancel('Operation canceled by the user.');


還可以通過傳遞一個 executor 函數(shù)到 CancelToken 的構造函數(shù)來創(chuàng)建 cancel token :

const CancelToken = axios.CancelToken;
let cancel;

axios.get('/user/12345', {
    cancelToken: new CancelToken(function executor(c) {
        // executor 函數(shù)接收一個 cancel 函數(shù)作為參數(shù)
        cancel = c;
    })
});

// 取消請求
cancel();
注意:可以使用同一個 cancel token 取消多個請求。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號