[AJAX] AJAX 정의

- AJAX란?

  - AJAX(Asynchronous JavaScript and XML) : 비동기적인 웹 어플리케이션의 제작을 위한 JavaScript 라이브러리

  - XMLHttpRequest 객체를 이용해서 전체 페이지를 새로고침을 하지 않고 일부 데이터만 로드

  - 즉, 서버와 클라이언트 간의 비동기 통신 방법으로 XML 데이터를 주고 받는 하나의 기술

  - 현재 웹 페이지 개발을 할 때에 상당히 많이 쓰이는 기술

 

- AJAX 사용하는 이유

  -  기본 형태로 요청(Request)를 한 후 서버에서 응답(Response)을 하면 서버와의 연결이 끊어짐

  -  또한, 데이터를 또 받기 위해서는 페이지 전체를 갱신하며 자원낭비와 시간낭비를 초래를 하게됨

  -  필요한 데이터를 JSON형태나 XML형태로 데이터만 받아 갱신하여 서버 간에 통신에 대한 단점을 해결

 

- AJAX 동작 원리

 1. 사용자에 의한 요청 이벤트가 발생

 2. 요청 이벤트가 발생이 되면 이벤트 헨들러에 의해 자바 스크립트가 호출

 3. 자바 스크립트에서 XMLHttpRequest 객체를 사용하여 서버로 요청을 보냄

 4. 요청을 보냈으며 서버에서는 처리 중인 상태

 5. 요청이 처리가 되면 JSON형태 또는 XML형태로 데이터를 웹 브라우저에게 전달

 6. 전달을 받게 되면 AJAX를 통해 일부분만을 갱신하는 자바 스크립트를 호출

 7. 결과를 클라이언트에게 웹 페이지를 호출