JavaScript에서 가져오기 요청을 어떻게 취소할 수 있나요?

가져오기 요청 취소: 내장 메커니즘 탐색

JavaScript의 새로운 fetch() API는 HTTP 요청을 수행하는 편리한 방법을 제공합니다. 그러나 오랜 질문이 남아 있습니다. 비행 중에 이러한 요청을 취소할 수 있는 메커니즘이 내장되어 있습니까?

신호 매개변수

2017년 9월 현재, fetch()는 signal 매개변수를 지원합니다. 이 매개변수는 가져오기 요청의 제어된 중단을 활성화하는 AbortSignal 개체를 허용합니다.

구현

가져오기 요청을 취소하려면 다음 단계를 따르세요.

1. AbortController 인스턴스를 생성합니다.
2. AbortController에서 AbortSignal 개체를 가져옵니다.
3. 신호 매개변수의 fetch()에 AbortSignal을 전달합니다.
4. 원하는 경우 , 요청을 종료하려면 Controller.abort()를 호출하세요.

예

다음 코드 조각을 고려하세요.

// Initialize an AbortController and its AbortSignal
const controller = new AbortController();
const signal = controller.signal;

// Perform a fetch request with the AbortSignal
fetch(urlToFetch, {
  signal,
});

// Abort the request at any time
controller.abort();

브라우저 지원

처음에는 AbortSignal 지원이 제한되었습니다. 그러나 2020년 3월 현재 대부분의 주요 브라우저(Edge, Firefox, Chrome, Safari, Opera 등)에서 이 기능을 구현하여 널리 접근 가능한 솔루션이 되었습니다.

현재 모든 브라우저가 AbortSignal을 지원하는 것은 아닙니다. , 광범위한 가용성은 진행 중인 가져오기 요청 취소가 이제 JavaScript 개발에서 일반적인 기능임을 나타냅니다.

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