JavaScript에서 Fetch() 요청을 어떻게 취소할 수 있나요?

HTTP Fetch() 요청 취소: 단계별 가이드

새로운 JavaScript용 fetch() API를 사용하면 개발자는 다음을 수행할 수 있습니다. HTTP 요청을 효율적으로 수행합니다. 그러나 기내 요청을 취소할 수 있는지에 대한 의문이 제기됩니다. 처음에는 내장된 메커니즘이 없었지만 최근에는 신호 매개변수라는 새로운 기능이 도입되었습니다.

TL/DR:

2017년 9월 기준, fetch ()에 신호 매개변수가 도입되었습니다. 그러나 브라우저 지원은 다양합니다.

2020 업데이트:

이제 대부분의 주요 브라우저가 신호 매개변수(Edge, Firefox, Chrome, Safari, Opera 등)를 지원합니다.

어떻게요? 작동:

1. AbortController를 만듭니다.
2. AbortController의 신호를 얻습니다.
3. 신호를 fetch()에 인수로 전달합니다.
4. 언제든지 요청을 중단하세요. 필요합니다.

예:

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

fetch(urlToFetch, {
    method: 'get',
    signal: signal,
})
.then(function(response) {
    console.log(`Fetch complete. (Not aborted)`);
}).catch(function(err) {
    console.error(` Err: ${err}`);
});

controller.abort();

이 기능에 대한 지원은 브라우저에 따라 다를 수 있습니다. 그러나 브라우저가 계속 업데이트됨에 따라 fetch() 요청 취소에 대한 광범위한 지원이 곧 제공될 예정입니다.

위 내용은 JavaScript에서 Fetch() 요청을 어떻게 취소할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!