오늘은 web에서 ajax와 jquery에 대하여 알아보도록 하겠습니다.

Ajax

ajax는 Asynchronous JavaScript and XML라는 용어에서 첫글자인 A와 J와 a와 X가 합쳐져서 생긴 용어입니다.

비동기적 웹 어플리케이션의 제작을 위해 기본적으로 HTML과 CSS, 그리고 자바스크립트가 합쳐져 있으며, 웹서버와 비동기적으로 데이터를 교환하기 위해 xml과 xslt, httpRequest도 같이 조합에 필요합니다.

위와 같이 서술한 대로 ajax는 한개의 틁정 기술을 언급하는 게 아니고, 여러 기술들의 묶음을 가리킵니다.

처음에는 클라이언트측에서 플래시로 플러그인, 자바 애플렛, 엑티브 엑스를 이용하여 자체적으로 구현해야 된다고 생각했었지만, 나중에는 자바스크립트와 DOM, CSS등 웹 브라우저가 가지고 있는 기술로 구현가능하게 되었습니다.

Ajax 구성요소

• HTML5, CSS, ECMAScript를 사용한 표준 기술 기반 웹 페이지

• DOM을 사용한 동적인 화면 표시와 상호 작용 웹 페이지

• XML과 XSLT등을 이용한 데이터의 변경과 조작

• XMLHttpRequest를 사용한 비동기적 데이터 전송

• 위 내용을 비동기적으로 요청하는 자바스크립트

Ajax 동작 순서

1. 웹 브라우저에서 사용자의 동작에 의해 발생한 요청을 XMLHttpRequest 오브젝트에 담아 서버로 전달합니다.

2. 요청이 송신되면 웹 브라우저는 서버측의 응답을 기다리지 않고 웹 브라우저에서 작업을 처리합니다.

3. 그동안 서버에서는 2번째에서 받은 요청을 처리합니다.

4. 데이터 베이스의 연동처리를 합니다.

5. 로직 처리 결과를 was에서 웹 서버로 전달합니다.

6. 처리 결과를 웹 브라우저로 전달합니다.

7. 마지막으로 필요한 데이터만 웹 브라우저에 전달해줍니다.

Ajax 동작 특징

웹 브라우저는 요청을 송신한 후에 응답을 기다리지 않습니다.

또한 서버는 필요한 데이터만 응답합니다.

다음 포스트에서 Ajax Library를 사용하여 웹 페이지를 작성해보겠습니다.