웹개발

[Web] AJAX란? (Asynchronous Javascript And XML)

이어니언 2021. 6. 16. 23:01

AJAX

Javascript를 통해 serve와 data를 주고 받는 Javascript library이다.

 

Asynchronous

비동기란 뜻으로 AJAX는 웹페이지를 reloading 없이 data를 주고 받는다. 호출할 때 마다 페이지 전체를 가져올 필요가 없기 때문에 자원과 시간 부분에서 효율이 생긴다.

 

XMLHttpRequest(XHR)

웹 브라우저와 웹 서버 간에 메소드가 데이터를 전송하는 객체 폼의 API이다. AJAX도 해당 객체를 사용하여 data 교환을 한다.

 

기본 호출 code

 

AJAX의 진행과정

  1. XMLHttpRequest Object를 만든다.
    • request를 보낼 준비를 브라우저에게 시키는 과정
    • 이것을 위해서 필요한 method를 갖춘 object가 필요함
  2. callback 함수를 만든다.
  3. Open a request
    • 서버에서 response가 왔을 때 실행시키는 함수
    • HTML 페이지를 업데이트 함
  4. send the request

AJAX의 진행과정

출처 - https://velog.io/@surim014/AJAX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80