AJAX
Ajax : Asynchronous Javascript and XML 의 약자
Ajax란?
Ajax란 Asynchronous Javascript and XML의 약자입니다.
Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나입니다.
Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다.
즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다.
이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있습니다.
- JSON
- XML
_ HTML
! . 텍스트 파일 등
- 간단한 개념 정리
Ajax란 비동기 JavaScript와 XML을 뜻한다. 간단히 말하면, 서버측 Scripts와 통신하기 위한 XMLHttpRequest 객체를 사용하는 것을 말한다.
서버측으로 다양한 형식(대표적으로 JSON)의 정보를 주고 받을 수 있다.
- XMLHttpRequest를 이용한 Ajax 구현 과정
1) XMLHttpRequest 객체 구하기
2) 웹 서버에 요청 전송하기
3) 웹 서버에서 응답이 도착하면 화면에 반영하기
Ajax의 장점
Ajax를 이용하면 다음과 같은 장점이 있습니다.
1. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다.
2. 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있습니다.
3. 웹 페이지가 로드된 후에 서버로부터 데이터를 받을 수 있습니다.
4. 백그라운드 영역에서 서버로 데이터를 보낼 수 있습니다.
Ajax의 한계
Ajax를 이용하면 여러 장점을 가지지만, Ajax로도 다음과 같은 일들은 처리할 수 없습니다.
1. Ajax는 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링 방식을 사용하므로, 서버 푸시 방식의 실시간 서비스는 만들 수 없습니다.
2. Ajax로는 바이너리 데이터를 보내거나 받을 수 없습니다.
3.Ajax 스크립트가 포함된 서버가 아닌 다른 서버로 Ajax 요청을 보낼 수는 없습니다.
4. 클라이언트의 PC로 Ajax 요청을 보낼 수는 없습니다.
- 클라이언트 풀링(client pooling) 방식이란 사용자가 직접 원하는 정보를 서버에게 요청하여 얻는 방식을 의미합니다.
이에 반해 서버 푸시(server push) 방식이란 사용자가 요청하지 않아도 서버가 알아서 자동으로 특정 정보를 제공하는 것을 의미합니다.
요즘 많이들 사용하는 스마트 폰에서 각종 앱이 보내는 푸시 알림이 서버 푸시 방식의 대표적인 예입니다.
비동기 방식의 자바스크립트와 XML
기존의 웹 방식과 달리 특별한 프로그램의 설치 없이 사용자에게 즉각적인 반응과 풍부한 UI 경험을 제공한다
비동기 방식이란?
1. 상대방에게 보낸다
2. 응답을 기다리지 않고 다른일을 계속한다
3. 상대방에게 응답이 오면 이것을 처리한다
동기 방식이란?
1. 상대방에게 보낸다
2. 응답을 기다린다
3. 상대방의 응답을 받아서 처리한다
