[JavaScript] 자바스크립트 fetch 함수 post 사용법

까먹을까봐 예제를 정리해서 적어놓습니다. 추가 설명도 적어놓았습니다.

 

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => {
  console.log('Success:', data);
})
.catch((error) => {
  console.error('Error:', error);
});

 

 

headers 객체는 POST 요청에 대한 추가 정보를 제공합니다.

 

이 예제에서는 Content-Type 헤더를 application/json으로 설정하여 요청 본문이 JSON 형식임을 나타냅니다.

 

body 객체는 POST 요청의 본문을 포함합니다. 이 예제에서는 data 객체를 JSON 문자열로 변환하여 POST 요청 본문으로 보냅니다.

 

마지막으로, then 메서드는 요청이 성공적으로 완료된 후 실행됩니다.

이 예제에서는 응답 객체를 JSON으로 변환하고 콘솔에 출력합니다. catch 메서드는 요청이 실패한 경우 실행됩니다. 이 예제에서는 에러를 콘솔에 출력합니다.