[javascript] fetch 예제

fetch 예제

문법

fetch( url, { options } )

 

예제1 - 기본 사용

fetch("https://jsonplaceholder.typicode.com/todos")
  .then(response => response.json())
  .then(json => console.log(json))

 

예제2 - 기본사용의 출력 내용

fetch("https://jsonplaceholder.typicode.com/todos/1")
  .then(response => response.json())
  .then(json => console.log(json))
  
 // console output
 {
   id: 1,
   title: "delectus aut autem",
   complete: true,
   userId:1
 }

 

예제3 - 옵션에 데이터를 입력하는 예제 JSON.stringify

fetch("https://jsonplaceholder.typicode.com/todos", {
  method: "POST",
  body: JSON.stringify({
    title: "New Todo",
    completed: false,
    userId: 2
  }),
  headers: {
    "Content-type": "application/json"
  }
})
  .then(response => response.json())
  .then(json => console.log(json))
  
 // console output
 {
   id: 201,
   title: "New Todo",
   completed: false,
   userId: 2
 }