Fetch API

Fetch

비동기 요청을 만들기위해 사용되는 브라우저 내장 API

fetch에는 오브젝트 Rquest, Response가 포함되어있다.

 

fetch(URL, ...)

첫번째 인자에 URL이 들어가고 두번째 인자는 생략이 가능하다.

//두번째 인자는 초기화에 사용되는 객체를 정의한다

 

console.log(fetch(URL))
//Promise{<pending>}
fetch는 Promise기반의 객체를 return한다.

//async await 사용이 가능하다.

 

Fetch를 이용하여 서버에 GET 요청을 할 수 있다.

fetch(URL)
  .then(res => res.json())
  .then(res => res)

Fetch를 이용하여 서버에 POST요청을 할 수 있다.

fetch(URL, {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  //기본설정
  body: JSON.stringify({
  //문자열 형식으로 바꾼다.
    name : 'User 1'
    }),
}).then((res) => {
  return res.json();
})