[05] Ajax(Asynchronous JavaScript and XML)

1.  Ajax(Asynchronous JavaScript and XML)의 이해

   - 비동기 자바스크립트와 XML기반 스크립트를 말합니다.

   - 기존의 요청에대한 전체페이지가 응답되었다면, Ajax를 쓰면 서버는 단지 페이지에서 필요한 데이터만 보내줍니다.

   - Ajax는 2005년 Google이 제한하고 만들었습니다.

   - Ajax 사용예 : Google Maps, Google Search, Gmail, YouTube, and Facebook
   - Ajax 이름에 포함된  XML은  꼭 알아야 Ajax를 사용하는것은 아닙니다.
   - Ajax는 동적이고 민첩한 Web page를  생성하기 위한 기술입니다.

 

 

2. Ajax의 주요 구성 요소

   - XMLHttpRequest  : 웹서버와 통신을 담당합니다.

     사용자의 요청을 웹서버에 전송하고 웹서버로 부터 받은 결과를 웹 브라우저에 전달 합니다.

 

   - DOM : 문서의 구조를 나타냅니다. 폼 등의 정보나 화면 구성을 조작할 때 사용됩니다.

   

   - CSS : 글자색, 배경색, 위치, 투명도 등 UI와 관련된 부분을 담당합니다.

 

   - 자바스크립트 : 사용자가 마우스를 드래그하거나 버튼클릭을 하면, XMLHttpRequest객체를 사용해서 웹서버에 요청을 전송합니다. 

      또한 XMLHttpRequest 객체로부터 응답이 오면 DOM, CSS등을 사용해서 화면을 조작합니다.

   

 

3. Ajax 방식

   - 웹 브러우져가 아닌 XMLHttpRequest객체가 웹 서버와 통신을 합니다.

   - 페이지 이동 없이 특정 HTML 콘트롤이 웹 서버와 통신을 하여 결과를 화면에 출력합니다.

   - 웹서버의 응답 결과가 HTML이 아니라 XML 또는 단순 TEXT입니다.