[JavaScript] Ajax의 개념과 사용 이유

Ajax(Asynchronous JavaScript and XML)란 비동기 방식의 자바스크립트와 XML을 가리킨다.

• 동기 방식 : 서버에 신호를 보냈을 때 응답이 돌아와야 다음 동작을 수행할 수 있다.
• 비동기 방식 : 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행할 수 있다.

Ajax를 사용하는 이유는 화면 전환 없이 클라이언트와 서버 간의 통신을 통해 XML, JSON(javaScript Object Notation), 텍스트, HTML 등의 정보를 교환하기 위해서이다.

다시 말하자면 Ajax를 이용하면 화면 전환없이 서버로부터 요청한 자료를 받아올 수 있다. 

 

일반적인 웹 사이트 자료 전송 방식

위 사진 처럼 Ajax를 사용하지 않는 경우 사용자가 자료를 요청하면 반드시 서버를 거쳐야만 자료를 요청할 수 있다.

이 방식은 자료을 요청하면 잠시 페이지가 서버 스크립트 페이지로 갱신되어 화면이 깜박이고 다른 페이지로 이동하게 된다. 

 

---

 

Ajax 방식

Ajax를 사용하면 사용자가 서버에 자료를 요청할 경우 서버 스크립트 페이지를 거치지 않고 바로 자료를 받아올 수 있다.

즉 사용자는 서버에 자료를 요청하는 사이에도 다른 작업을 처리할 수 있게 된다. 

카페나 블로그등에서 게시글의 댓글을 작성할 때 페이지 전환 없이 바로 할 수 있는 이유도 Ajax를 사용했기 때문이다.

그 외에도 페이스북의 댓글 기능과 구글 지도등에도 Ajax가 적용되었다.