POST 요청하기
GET
이외의 요청을 보내려면 추가 옵션을 사용해야 한다.
-
method
– HTTP 메서드(예:POST
) -
body
– 요청 본문으로 다음 항목 중 하나이어야 한다.
- 문자열(예: JSON 문자열)
FormData
객체 –form/multipart
형태로 데이터를 전송하기 위해 쓰인다.Blob
나BufferSource
– 바이너리 데이터 전송을 위해 쓰인다.- URLSearchParams – 데이터를
x-www-form-urlencoded
형태로 보내기 위해 쓰이는데, 요즘엔 잘 사용하지 않음.
대부분은 JSON을 요청 본문에 실어 보내게 된다.
user
객체를 본문에 실어 보내는 예시를 살펴보자.
let user = {
name: 'John',
surname: 'Smith'
};
let response = await fetch('/article/fetch/post/user', {
method: 'POST',
headers: {
'Content-Type': 'application/json;charset=utf-8'
},
body: JSON.stringify(user)
});
let result = await response.json();
alert(result.message);
POST
요청을 보낼 때 주의할 점은 요청 본문
이 문자열일 때 Content-Type
헤더가 text/plain;charset=UTF-8
로 기본 설정된다는 점이다.
하지만 위 예시에선 JSON을 전송하고 있기 때문에 headers
에 제대로 된 Content-Type
인 application/json
을 설정해 주었다.
Author And Source
이 문제에 관하여(POST 요청하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hqillz/POST-요청하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)