728x90
fetch('url 입력', {
method: 'POST',
headers: { 'Content-Type': 'application/json'
},
body: JSON.stringify({
"keygroup": [
{
"key": val,
"key": val
},
]
}),
})
.then((res) => {
return res.json();
})
.then((data) => {
console.log(data);
});
fetch를 사용하여 api를 요청 응답 받을 수 있다.
url을 입력하고
headers 부분이나 body부분에 api 사용법을 통해 입력하게되면 통신 결과를 확인가능하다. 예를 들면 headrers 에 api 키 값을 넣는다거나 body에 속성 값을 넣는다 거나 말이다. 틀은 이렇게 잡고 api마다 사용법이다르니 그건 사용하고자하는 api에 사용법을 참고해보자.
728x90
'Front-End > JavaScript' 카테고리의 다른 글
자바스크립트 fetch api 익스플로러 에러 (0) | 2021.02.26 |
---|---|
ajax 성공적으로 받은 결과 if 문 사용하는법 (2) | 2021.02.19 |
자바스크립트 템플릿 리터널 (0) | 2021.01.29 |