본문 바로가기

Ajax

Ajax - (1) 기술 개요

Ajax란

Ajax : Asynchronous JavaScriptand XML

2005년 2월 제시 제임스카렛이 처음 사용하면서 알려지게 되었습니다.

Ajax의 첫 글자인 A는 Asynchronous 비동기를 의미합니다. 클라이언트가 서버 처리를 기다리지 않고, '비동기' 요청이 가능합니다. 사용자 액션에 즉각적으로 반응할 수 있습니다.

 

Ajax는 기본적으로 4가지 기술을 모아 사용합니다.

JavaScript

HTMl

CSS

DOM

 

회원가입 화면에서 아이디를 입력할 때, 중복체크를 마우스로 직접 클릭해서 아이디 중복검사를 서버에게 요청하는 방식은 "전통적인 웹 어플리케이션이"라고 표현 할 수 있을 만큼... 고루한 방법입니다.

 

이런 "전통적인 방식의 웹 어플리케이션"에서는 서버가 클라이언트인 웹 브라우저에게 결과를 보내줄 때까지 사용자는 아무 작업도 못하고 기다려야 하죠. 서버의 응답 결과는 HTML 문서이기 때문에 화면을 매번 새롭게 갱신까지 해야합니다. 

 

Ajax 방식은 사용자가 아이디 입력 폼에 키보드로 아이디 값을 입력하는 도중에 백그라운드로 입력 값을 서버에 보내서 중복체크를 동적으로 처리 할 수 있죠! 비동기 처리 방식이기 때문에 서버가 웹 브라우저에 결과를 보내줄 때까지 기다리지 않고 사용자는 특정 작업을 계속할 수 있으며 서버 처리가 모두 끝났으면 Ajax는 콜백(callBack)을 사용해서 서버에서 보낸 응답 메세지를 처리합니다. 서버의 응답 결과는 HTML문서가 아닌, 트정 데이터(TEXT, XML, JSON)형식 이기 때문에 매번 새로운 화면으로 갱신되지 않고 이전 화면에서 특정 부분만 동적으로 변경할 수 있습니다.

 

 

 

728x90
300x250