Ajax

〰 Ajax는

서버에 새로고침없이 요청을 할 수 있게 도와주는 일종의 자바스크립트 코드입니다

❗ GET, POST 이런 요청방법이 있습니다.
GET : 데이터, 웹페이지 같은걸 읽고 싶을 때 서버에 보내는 요청입니다.
POST : 데이터를 서버로 보내고 싶을 때 서버에 보내는 요청입니다.

〰 Ajax 사용법

npm install axios

import axios from 'axios';

axios.get('GET요청할URL');

 .then(()=>{ 요청성공시실행할코드 })
.catch(()=>{ 요청실패시실행할코드 })

❗ fetch() 문법도 거의 똑같이 사용가능합니다.
fetch(요청할URL) 이렇게 쓰시면 그냥 바로 GET 요청해줍니다.
fetch(요청할URL).then() 이렇게 쓰는 것도 똑같습니다.
하지만 가져온 자료가 JSON이라면 object로 자동 변환이 안됩니다.

〰 서버에 데이터를 보내는 POST 요청하는 법

axios.post('https://codingapple1.github.io/shop/data2.json', { id : 'test', pw : 1234})
  .then((result)=>{  })
  .catch(()=>{ })

❗ get 대신 post라는 함수를 쓴다