[JavaScript] Fetch

가져오다


약속에 기반한 구성

JavaScript의 기본 기능으로 서버에 네트워크 요청을 보내고 새로운 정보를 얻을 수 있습니다.

Ajax와 같이 비동기적으로 정보를 가져올 수 있습니다.

그런 다음 가져오기의 기본 구문을 살펴보겠습니다.

fetch(url, option)
	.then(res=>res.text())
    .then(text=>console.log(text));

URL : 요청 URL

가능성

– HTTP 메서드, 헤더, 본문 정의

– 표준 GET 방식

응답 속성을 사용하여 HTTP 상태를 확인할 수 있습니다.

  • status : HTTP 상태 코드
  • ok: HTTP 상태 코드가 200에서 299 사이이면 true를 반환합니다.

let response = await fetch(url);

if (response.ok) { 
  let json = await response.json();
} else {
  alert("HTTP-Error: " + response.status);
}