Ajax 란? - Ajax 시작하기

AJAX가 뭘까요? 

AJAX는 Asynchronous Javascript And Xml의 약자입니다.

이름에서 알 수 있듯이 비동기식 자바스크립트와 XML을 말합니다. 

이름에 XML이 나오기는 하지만 XML을 알 필요는 없습니다.  

AJAX를 사용하기 위해서는 기본적으로 HTML과 Javascript를 알고있어야 합니다.

그럼 가장먼저 AJAX가 어떻게 동작하는지에 대해서 알아보도록 할까요?

AJAX는 아래와 같은 순서를 거칩니다.

1. 클라이언트(IE 7+, 크롬, 사파리, 파이어폭스, etc. )에서 XMLHttpRequest객체를 생성하고 메시지를 담아 서버로 보낸다.

2. 서버에서 메시지를 받으면 메시지에 해당하는 정보를 읽어서 다시 브라우저한테 응답해준다.

3. 클라이언트 브라우저가 서버로부터 응답을 받으면 해당 정보를 특정 영역에 refresh해준다.

AJAX를 사용함에 있어서 가장 기본은 XMLHttpRequest 객체입니다. 이 객체는 서버로부터 데이터를 전송받을 때 사용이 됩니다. ( IE 5, 6 버전에서는 ActiveXObject 라는 객체가 사용됩니다. )

그럼 이 객체를 어떻게 만드는지 예제를 통해서 알아보겠습니다.

예제1 - XMLHttpRequest 객체 생성하기

var xhttp;
if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
    } else {
    // code for IE6, IE5
    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

연습하기 »

자, 이제 객체를 생성했으니까 이 객체를 이용해서 메시지를 서버로 전송해야겠죠?

다음 포스팅에서 서버로 메시지를 전송해보도록 하겠습니다.