[JavaScript] Ajax, Axios를 사용한 요청

외부 라이브러리 api방식

 

 Ajax 

(MDN명세)

• 페이지 새로고침 없이 서버에 요청
• 서버로부터 데이터를 받고 작업을 수행
• 비동기성!!

 

 

✅ jQuery의 경우 주로Ajax 사용 (jQuery안에 기본적으로 있음)

$.ajex()

 

✅ React나 Vue의 경우 Axios사용 사용

https://axios-http.com/docs/intro

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.24.0/axios.min.js"></script>

<script>
  // 데이터를 get요청으로 가져옴
  axios.get('https:// 주소 .json')
  .then((result) => {
    console.log(result.data)
  })
  .catch(() => {
    console.log('에러남')
  })
</script>

 

 

 

참고

코딩애플 - Ajax가 무엇인지 설명하는 영상 (+CORS, fetch 어쩌구)