取消請(qǐng)求

2020-02-06 21:05 更新

使用 cancel token 取消請(qǐng)求。

 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 { /* 處理錯(cuò)誤 */ }
});

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

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


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

const CancelToken = axios.CancelToken;
let cancel;

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)