fetch

오주형·2022년 11월 10일
0
fetch("API 주소", {
  method: "PATCH"/"POST"/"GET"/ ...
  headers: (이 통신이 어떤 통신인지를 알 수 있는 대략적인 정보가 들어간다.
  			서버에 요청할 때 보낼 부가적인 정보를 담는다.)
 		   'Content-Type': 'application/json;charset=utfp ...' (key와 value)
  body: JSON.stringify({userId: id, userPassword: password}) 
		(실질적인 데이터 (id, password) JSON 형태로 통일!)
  		(------------여기까지가 요청-------------)
})      (--------------아래는 응답--------------)
  .then((response)=>response.json()) 이렇게 반환된 값이 아래로 간다.
  .then((data) => {return console.log(data)}); 어떤 형태인지 콘솔로 확인
  • JSON
    {
    "data": "value"
    }
    => key, value 쌍따옴표!

안될 때는 개발자 도구의 network 탭 확인 해볼 것.
요청에 대한 로그가 남으니, 보면서 핸들링 할 것
(westudy 확인!)

profile
곧 개발자

0개의 댓글