Ajax 방식 ( fetch, axios ) - 네트워크 study5

1. Ajax 란?

AJAX (Asynchronous Javascript And Xml)

1. JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술.
2. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터를 로드할 수 있음.

(출처 : 위키백과)

ajax이전과 이후의 방식을 비교해보면 javascript 와 xml이 추가 된 것을 볼 수 있다. (ajax의 이름그대로)

2. Fetch (Ajax 구현방식1)

• 특징

1. javascript 내장 라이브러리이다. import 할 필요 x
2. return 값은 Promise 객체 형태.

fetch('request url', {
  method: 'POST',
  body,
}).then((res) => {
  //...
});

3. Axios (Ajax 구현방식2)

• 특징

1. javascript 라이브러리 npm i axios
2. return 값은 Promise 객체 형태

axios.post('request url', data)
  .then(function (res) {
    //...
  })