CS/WEB

WEB - AJAX

빈둥벤둥 2021. 2. 26. 19:13

AJAX(Asynchronous JavaScript And Xml)


AJAX란? 

  • JavaScript 라이브러리 중 하나이며 비동기적인 통신을 지원한다.
  • JSON, XML, HTML, 일반 텍스트 형식을 포함한 다양한 포맷을 주고 받을 수 있다.
  • 서버와 통신하기 위해 XMLHttpRequest라는 객체를 생성하여 수행한다.

 

비동기성

  • 페이지 새로고침 없이 서버에 요청을 보낸다,
  • 서버로 부터 데이터를 받고 클라이언트에서 데이터를 처리한다.

 

서버 응답에 대한 처리

  • request요청의 상태가 변하면 readyState라는 플래그가 변하여 onreadystatechange라는 함수를 호출한다.
  • readyState 상태 플래그
    • 0(Uninitialized) - request가 초기화 되지 않음.
    • 1(Loading) - 서버와의 연결이 성사됨.
    • 2(Loaded) - 서버가 request 요청을 받음.
    • 3(Interactive) - request요청을 처리하는 중임.
    • 4(Complete) - request에 대한 처리가 끝났으며 응답할 준비가 완료됨.

 

reference

velog.io/@hygoogi/%EA%B8%B0%EC%88%A0%EB%A9%B4%EC%A0%91-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B0#java

developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started