201015 TIL fetch in Javascript

journey·2020년 10월 18일
0
function submit() {
  canvasElem.toBlob(function(blob) {
    fetch('/article/fetch/post/image', {
      method: 'POST',
      body: blob
    })
      .then(response => response.json())
      .then(result => alert(JSON.stringify(result, null, 2)))
  }, 'image/png');
}

fetch 함수는 2개를 인자로 가진다.

  1. 어디로 보낼까?
  2. 무슨 메세지를 보낼까?

뒤에 이어지는 then then 은 각각 선행함수의 결과를 인자로 받아들인다. (promise, 비동기 처리를 위한 것)

첫 번째 then은 받아낸 인자값을 json으로 처리한다.
.json() vs .parse()
.json() 은 위의 fectch 함수의 메세지 부분 Json 양식 중 body 부분만을 처리하고 promise를 반환한다.

.parse() 는 모든 부분을 처리하여 자바스크립트의 객체로 내놓는다.

profile
J for Journey

0개의 댓글