[AJAX] 에이잭스

Ajax(Asynchronous JavaScript and XML, 에이잭스)

- 자바스크립트를 사용한 비동기 통신, 클라이언트와 서버 간 데이터를 주고 받는 기술 

- 서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부 데이터만 바꾸어 웹 페이지를 비동기적으로 변경하기 위한 것

- 제이슨 형태로 데이터를 만들어서 가져오는 게 관건

 

--  장점  --

페이지 이동 없이 고속으로 화면을 전환할 수 있다.

서버의 처리를 기다리지 않고 비동기 요청이 가능하다.

서버에서 처리하는 부분을 클라이언트에서 분담 가능하다

수신하는 데이터의 양을 줄인다. (기존의 수신 데이터가 HTML과 같은 마크업 언어로 받는 것이 일반적이었지만 Ajax인 경우에는 마크업 언어 외에 최소한의 텍스트 데이터도 수신이 가능 

 

--  단점  -- 

요청을 남발하면 역으로 서버 부하가 늘 수 있다.

페이지 이동 없는 통신으로 인한 보안상의 문제가 발생가능하다. (비동기 서버와 호출하기 때문에 Ajax로 수신하는 데이터를 누군가 조작하여 응답 데이터로 보낼 수 있다.)

Ajax를 지원하지 않는 브라우저가 있다.

 

비동기식 데이터 전송 

서버로 데이터를 요청하고 응답을 기다리는 동안 웹은 자신의 다른 업무를 진행하고 응답을 받음

 

Ajax의 주요 구성 요소 

XMLHttpRequest

DOM

CSS

Javascript