본문 바로가기

Lobo's code station/프론트엔드

[W.ChatGPT]ajax랑 axios랑 차이가 뭐야?

Ajax(Asynchronous JavaScript and XML)와 Axios는 모두 JavaScript를 사용하여 비동기적으로 서버와 데이터를 주고받을 수 있는 기술입니다.

 

하지만, Ajax는 순수한 JavaScript를 사용하여 데이터를 서버와 주고받습니다. XMLHttpRequest 객체를 사용하여 서버로 데이터를 요청하고, 서버가 응답한 데이터를 처리합니다. 그리고 jQuery, Prototype, Dojo, MooTools 등의 자바스크립트 라이브러리나 프레임워크에서도 Ajax 기능을 제공합니다.

 

반면에 Axios는 자바스크립트의 Promise 기반 HTTP 클라이언트 라이브러리입니다. Axios는 XMLHttpRequest 객체나 fetch API를 래핑하여 HTTP 요청을 보내고, HTTP 응답을 처리합니다. 또한, Axios는 JSON 데이터를 자동으로 파싱하고, 요청과 응답의 인터셉터(interceptor)를 제공하여 헤더나 인증 처리 등을 간편하게 구현할 수 있습니다.

 

또한, Axios는 서버와의 통신에서 발생하는 일반적인 에러(ex. 404, 500)를 쉽게 처리할 수 있으며, HTTP 요청 취소 기능도 제공합니다.

 

결론적으로, Ajax는 JavaScript 기본 기술이며, 다른 자바스크립트 라이브러리나 프레임워크에서도 Ajax 기능을 제공합니다. Axios는 Promise 기반 HTTP 클라이언트 라이브러리로, HTTP 요청과 응답의 인터셉터를 제공하여 보다 간편한 HTTP 통신을 구현할 수 있습니다.