JavaScript Fetch API

정의와 사용법

fetch() 메서드는 서버에서 리소스를 가져오는 과정을 시작합니다.

fetch() 메서드는 Response 객체로 파싱된 Promise를 반환합니다.

ヒント:XMLHttpRequest는 더 이상 필요하지 않습니다.

인스턴스

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

직접 시도해 보세요

Fetch는 async와 await에 기반しています. 이 예제가 더 이해하기 쉬울 수 있습니다:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

직접 시도해 보세요

x와 y 대신 이해하기 쉬운 이름을 사용하세요:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

직접 시도해 보세요

문법

fetch(file)

파라미터

파라미터 설명
file 선택 사항. 가져올 리소스의 이름.

반환 값

타입 설명
Promise Response 객체로 파싱된 Promise.

브라우저 지원

fetch() ESCMAScript6 (ES6) 기능입니다.

모든 최신 브라우저는 ES6 (JavaScript 2015)을 지원합니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
예 예 예 예 예

Internet Explorer 11(그 이전 버전)은 지원하지 않습니다 fetch()。