[JavaScript] Fetch

Fetch

---

promise기반으로 구성

자바스크립트의 기본 기능으로 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다.

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

 

그렇다면 fetch 기본 문법에 대해서 알아보도록 하자

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

✔️ url : 요청할 url

✔️option

- http method, headers, body 정의

- default 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);
}