자바스크립트의 라이브러리 중 하나이며, 브라우저가 가지고 있는XMLHttpRequest 객체를 이용해서서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 하는 기법
자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식
비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미
왜 Ajax를 쓰나요?
단순하게 웹에서 무언가를 부르거나 데이터를 조회하고 싶은 경우, 페이지 전체를 새로고침하지 않기 위해 사용한다고 볼 수 있습니다.
일반적으로 HTTP 프로토콜은 단방향 통신입니다. 그렇기 때문에 클라이언트에서 요청을 보내고, 서버쪽에서 응답을 받으면 연결이 끊어집니다. 그래서 화면의 내용을 갱신하기 위해서는 다시 요청을 보내고 응답을 받으며 페이지 전체를 갱신해야합니다. 다만, 이러한 경우에는 엄청난 자원낭비와 시간낭비를 겪게 됩니다.
Ajax는 Http 페이지 전체가 아닌 일부만 갱신가능하도록, XMLHttpRequest 객체를 통해서 서버에 요청합니다. 이 경우에는Json이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있습니다.
Ajax의 장점
웹페이지의 속도 향상
서버의 처리가 완료 될때까지 기다리지 않고 처리가 가능합니다.
서버에서 Data만 전송하면 되므로 전체적인 코드의 양이 줄어듭니다.
기존 웹에서는 불가능했던 다양한 UI를 가능하게 해줍니다.
Ajax의 단점
히스토리 관리가 안됩니다.
페이지가 이동하지 않는 통신이므로 보안에 신경을 써야합니다.
연속으로 데이터를 요청하면 서버 부하가 증가할 수 있습니다.
XMLHttpRequest를 통해 통신을 하는 경우, 사용자에게 아무런 진행정보를 주지 않기 때문에 사용자가 요청이 완료가 안되었는데 페이지를 떠날 수도 있습니다.
