반응형
앞서 REST API와 AJAX의 개념에 대해 학습했습니다.
AJAX는 어떻게 동작하는 걸까요?
이번 포스팅에서는 AJAX가 동작하는 순서에 대해 적어보려고 합니다.
이전 포스팅이 궁금하신 분들은 링크를 클릭해주세요.
AJAX의 동작 원리
AJAX를 이용한 웹 응용 프로그램의 동작 원리는 다음과 같은 순서로 진행됩니다.
<Ajax를 이용한 웹 응용 프로그램의 동작 원리>
1. 사용자에 의한 요청 이벤트가 발생합니다.
2. 요청 이벤트가 발생하면 이벤트 핸들러에 의해 자바스크립트가 호출됩니다.
3. 자바스크립트는 XMLHttpRequest 객체를 사용하여 서버로 요청을 보냅니다.
이때, 웹 브라우저는 요청을 보내고 나서, 서버의 응답을 기다릴 필요 없이 다른 작업을 처리할 수 있습니다.
4. 서버는 전달받은 XMLHTTPRequest 객체를 가지고 AJAX 요청을 처리합니다.
5, 6. 서버는 처리한 결과를 HTML, XML, JSON 형태의 데이터로 웹 브라우저에 전달합니다.
이때, 전달되는 응답은 새로운 페이지를 전부 보내는 것이 아니라 필요한 데이터만을 전달합니다.
7. 서버로부터 전달받은 데이터를 가지고 웹 페이지의 일부분만을 갱신하는 자바스크립트를 호출합니다.
8. 결과적으로 웹 페이지의 일부분만이 다시 로딩되어 표시됩니다.
반응형