JavaScript에서 HTTP 가져오기 요청을 어떻게 중단할 수 있나요?
Nov 23, 2024 am 05:19 AM취소로 HTTP 가져오기 요청 중단
JavaScript에 fetch()가 도입되면서 HTTP 요청 처리에 혁명이 발생하여 다양하고 직관적인 인터페이스가 제공됩니다. 그러나 이러한 요청을 조기에 종료할 수 있는 가능성에 대한 우려가 종종 제기됩니다.
fetch()의 중단 메커니즘
2017년 9월 현재 fetch()에는 신호 매개변수 지원이라는 중요한 개선 사항이 포함되었습니다. . 이 매개변수를 사용하면 개발자는 AbortController 및 해당 AbortSignal을 사용하여 요청을 취소할 수 있습니다. 처음에는 브라우저 지원이 제한되었지만 현재(2020년 3월 기준) 대부분의 주요 브라우저(Edge, Firefox, Chrome, Safari, Opera 등)에서 이 기능을 완전히 수용합니다.
구현
취소 절차는 4단계로 구성됩니다.
- AbortController:
const controller = new AbortController()
로그인 후 복사
- AbortSignal 획득:
const signal = controller.signal
로그인 후 복사
- 신호 전달 fetch():
fetch(urlToFetch, { method: 'get', signal: signal, })
로그인 후 복사
- 원할 때마다 요청을 중단합니다.
controller.abort();
로그인 후 복사
예
어떻게 작동하는지 설명하려면 연습하려면 다음 예를 고려하세요.
// Create an instance. const controller = new AbortController() const signal = controller.signal /* // Register a listenr. signal.addEventListener("abort", () => { console.log("aborted!") }) */ function beginFetching() { console.log('Now fetching'); var urlToFetch = "https://httpbin.org/delay/3"; fetch(urlToFetch, { method: 'get', signal: signal, }) .then(function(response) { console.log(`Fetch complete. (Not aborted)`); }).catch(function(err) { console.error(` Err: ${err}`); }); } function abortFetching() { console.log('Now aborting'); // Abort. controller.abort() }
로그인 후 복사
호출하여 Controller.abort(), 요청은 언제든지 중단될 수 있습니다.
위 내용은 JavaScript에서 HTTP 가져오기 요청을 어떻게 중단할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7283
9


자바 튜토리얼
1622
14


Cakephp 튜토리얼
1342
46


라라벨 튜토리얼
1259
25


PHP 튜토리얼
1205
29

