[AJAX]

---

【 웹사이트 접근의 새로운 혁명 애이잭스(Ajax) 】

 

 

 

 

 

 

:Asynchronous Javascript And XML  

 

 

:비동기 자바스크립트와 xml을 의미, Ajax는 웹프로그래밍의 한 종류로 하나의 기술이 아니라 여러 가지 기술이 복합된 방법론 또는 기술덩어리

 

 

 ▶  XMLHttpRequest,XML,CSS등의 기술들을 합친 새로운 기술

---

 

*Asynchronous

 

 

-> '비동기적' 클라이언트에서 서버에 요청을 보낼 때 요청을 보내놓고 프로그램은 계속 돌아간다는 의미

(먼저 요청한 것에 대한 콜백 함수가 실행되지않는다)

 

 

-> Web에서 화면을 갱신하지 않고 Server로부터 Data를 가져오는 방법

 

 

 

->Ajax의 동작원리는 Browser에서 서버로 보낼 Data를 Ajax Engine을 통해 Server로 전송

 이 때 Ajax Engine에서는 JavaScript를 통해 DOM을 사용하여 XMLHttpRequest(XHR) 객체로 Data를 전달.

이 XHR을 이용해서 Server에서 비동기 방식으로 자료를 조회해 올 수 있다. Server에서 Data를 전달 할 때 화면전체의 HTML을 전달하지 않고 Text 또는 Xml형식으로 Browser에 전달합니다.

 

 

---

 

why?

 

비동기 자바스크립트'는 왜 유용할까?

 

:Ajax를 사용해서 Server와 Data를 주고받게 되면 Server에 보낼 필요한 핵심 Data만 전송하기 때문에 화면 깜빡임도 없으며,

 

Server에 부담이 덜하고 속도문제도 해결할 수 있다.

 

 

 

 

 

---

 

 

▶값 받아오기

 

: JSON 타입으로 데이터를 가져 오며. 가져온 값을 이용하여 alert 창을 띄워 진행 정도를 알리고 다음 단계로 유도한다.