React : AJAX로 서버와 통신하기 (post, 동시에 요청 여러개 날리기, fetch)

POST 요청 하는 법

서버에 데이터를 보내기 위해서는 아래처럼 작성하면 된다.

axios.post('URL', {name : 'kim'})

---

동시에 AJAX 요청 여러개 날리기

동시에 여러 url로 ajax 요청을 날리려면 아래처럼 작성하면 된다.
그 아래 then()을 붙이면 둘 다 완료되었을 시 코드를 실행한다.

Promise.all( [axios.get('URL1'), axios.get('URL2')] )
  .then(()=>{})

---

fetch

axios 라이브러리를 사용하면 자동으로 JSON을 object/array 형태로 변환해주지만, 그냥 fetch를 쓰면 변환해줘야 한다.

fetch('URL').then(결과 => 결과.json()).then((결과) => { console.log(결과) } )

// 예시
fetch('https://codingapple1.github.io/js/more1.json')
  .then(res => res.json())
  .then(data => {
    insertData(data);
  })
  .catch(error => {
    console.log(`요청 실패!`);
  })

---

출처 : 코딩애플 https://codingapple.com/