JS - fetch

이호현·2020년 8월 12일
0

JS

목록 보기
5/14

1. fetch

fetch

비동기 통신을 하는 방법중 하나로 Request에 대한 응답으로 Response를 Promise 객체로 받는다.
ex)

fetch('api 주소', {
    method: 'POST',
    body: JSON.stringify({
        user: userName,
        password: password
    })
}).then(response => response.json())
.then(response => console.log(response))
  • fetch안에 Request를 보낼 api 주소를 넣어준다.
  • method에는 GET, POST를 넣어서 어떤 방식으로 요청할것인지 정해준다.
  • body안에는 key, value로 이루어진 객체를 json으로 변환해서 담아준다.
  • Request에 대한 Response가 오면 Promise 객체로 받는다.
  • 그 결과값을 .then에 전달해 주는데 그것을 javascript 객체로 바꿔준다.
  • 다시 그 결과값을 .then에 전달해서 객체가 제대로 console에 찍히는지 확인한다.
profile
평생 개발자로 살고싶습니다

0개의 댓글