Ajax

Ajax 서론.

Jungsoomin :) 2020. 7. 29. 12:36

AjaxAsynchronous JavaScript And Xml 의 약자로 프로그래밍 언어가 아니다. 

 

브라우저가 요청을 웹서버에 보낼 때 XMLHttpRequest 객체를 사용하고, JavaScript 나 HTML DOM 을 가지고 데이터를 사용하거나, 보여준다.

 

Ajax 어플리케이션은 보통 XML 을 이용하여 데이터를 전송하겠으나. 기본 text JSON text를 가지고도 데이터를 전송하기도 한다.

 

Ajax는 비동기적으로 데이터를 교환하고 업데이트하며 이는 웹 페이지 전체를 다시 로딩할 필요없이 부분만을 로딩할 수 있게끔 만든다는 것을 뜻한다.

 

-- 실행흐름.

  1. 이벤트가 발생하여 XMLHttpRequest 객체 생성 후 HttpRequest를 보냄.

  2. Server에서 HttPRequest를 처리하고 HttpResponse를 생성하여 brower에 데이터를 돌려 줌.

  3. Browser리턴 받은 데이터 JavaScript를 이용하여 처리한 뒤, Page의 내용을 업데이트함.

 


  조금 더 길게 보면 이렇다.

  1. 웹페이지에서 버튼 클릭이나 페이지 로딩 같은 이벤트들이 벌어지면, JavaScript XMLHttpRequest객체를 만들어낸다.

  2. XMLHttpRequest 객체HttpRequest Web Server에 보내지고, 서버는 요청을 처리하게 된다.

  3. Web ServerHttpResponseWeb page에 돌려주면 HttpResponse JavaScript 로 읽게된다.

  4. 페이지 업데이트 같은 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