[JavaScript] fetch 요청 취소

조건에 따라 서버로 보낸 요청을 취소해야 하는 상황이 있습니다.

예를들어, 동영상 업로드를 하는 기능을 사용하다가 업로드 취소를 해야하는 경우가 생기죠.

이때, AbortController를 사용하면 요청 취소가 가능합니다.

let abortController = new AbortController(); // fetch 요청 취소 

fetch('/videoUpload', { //요청 보내기
  signal: abortController.signal,
  method: 'post',
  body : "넣고 싶은 데이터"
}).then(function(json){
  console.log(json);
});

const cancel = (e) => { // 취소 이벤트
   abortController.abort();
}