본문 바로가기

Knowledge Wiki/Vue.js

Vue.js AJAX

1. AJAX 요청도 Hook 내에서 다 처리함
    created(), mounted() 내에서 주로 AJAX 요청함.

 

2. 더보기 버튼은 보통 AJAX로 서버에 요청하는 방식 사용

3. form 태그는 필연적으로 새로고침이 동작함.
    새로고침 안하려면 AJAX 써야함.

4. AJAX 요청 방법
    1) axios 라이브러리 사용

 

    2) 기본 fetch 함수 -> 최신 기능이라 최신 브라우저 아니면 기능 지원 안함

5. axios 설치

npm install axios


6. axios 사용법

import axios from 'axios';

axios.get(); // GET 요청
axios.post(); // POST 요청

axios().catch(); // 실패시 실행하는 코드 - 예외처리 등
반응형

'Knowledge Wiki > Vue.js' 카테고리의 다른 글

Vue.js Vue 3 버전 특징  (0) 2021.12.03
Vue.js router  (0) 2021.12.03
Vue.js Life Cycle  (0) 2021.12.03
Vue.js 애니메이션 - <transition>  (0) 2021.12.03
Vue.js 클래스  (0) 2021.12.03