Ajax란 Asynchronous JavaScript And Xml 의 약자로 프로그래밍 언어가 아니다.
브라우저가 요청을 웹서버에 보낼 때 XMLHttpRequest 객체를 사용하고, JavaScript 나 HTML DOM 을 가지고 데이터를 사용하거나, 보여준다.
Ajax 어플리케이션은 보통 XML 을 이용하여 데이터를 전송하겠으나. 기본 text나 JSON text를 가지고도 데이터를 전송하기도 한다.
Ajax는 비동기적으로 데이터를 교환하고 업데이트하며 이는 웹 페이지 전체를 다시 로딩할 필요없이 부분만을 로딩할 수 있게끔 만든다는 것을 뜻한다.
-- 실행흐름.
-
이벤트가 발생하여 XMLHttpRequest 객체 생성 후 HttpRequest를 보냄.
-
Server에서 HttPRequest를 처리하고 HttpResponse를 생성하여 brower에 데이터를 돌려 줌.
-
Browser는 리턴 받은 데이터를 JavaScript를 이용하여 처리한 뒤, Page의 내용을 업데이트함.
조금 더 길게 보면 이렇다.
-
웹페이지에서 버튼 클릭이나 페이지 로딩 같은 이벤트들이 벌어지면, JavaScript로 XMLHttpRequest객체를 만들어낸다.
-
XMLHttpRequest 객체가 HttpRequest 로 Web Server에 보내지고, 서버는 요청을 처리하게 된다.
-
Web Server가 HttpResponse를 Web page에 돌려주면 HttpResponse를 JavaScript 로 읽게된다.
-
페이지 업데이트 같은 action들이 JavaScript에 의해 일어난다.
'Ajax' 카테고리의 다른 글
AJAX 에서의 비동기적 페이지 호출 (0) | 2020.08.05 |
---|---|
Loading 바 구현 (0) | 2020.08.05 |
Ajax 로 폼데이터 보내기 (0) | 2020.08.05 |
Ajax 를 이용하는 Jquery 기본 메서드. (0) | 2020.08.05 |
Ajax의 핵심객체 XMLHttpRequestObject (0) | 2020.07.29 |