Ajax

서버에 GET, POST 요청을 할 때, 새로고침 없이 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능을 말한다.

Ajax 사용하면 새로고침 없이 데이터를 가져올 수 있음.

 

> Ajax 로 GET/POST 요청하는 방법

 

1. XMLHttpRequest 라는 옛날 문법 사용.

2. fetch() 라는 최신 문법 사용.

3. axios 같은 외부 라이브러리 사용.

 

 

> Ajax 요청

 

npm install axios

 

터미널로 axios 설치하기

 

import axios from 'axios'

const App = () => {
	return (
        <button onclick={() => {
            axios.get('https://aaa.com/data.json')
            .then((결과) => {
                console.log(결과.data);
            })
            .catch(() => {
                console.log("요청 실패")
            })
        }}
        >
        버튼</button>
    )
}

export default App;

 

axios.get(URL) -> URL 로 GET 요청

결과.data 로 안에 가져온 결과값이 들어 있다.

 

요청 실패 시 실행할 코드는

.catch() 안에 적으셈.