[Week9] AJAX

AJAX ( Asynchronous JavaScript And XML )

• 웹 페이지를 전체 새로고침하지 않아도 백엔드 서버와 비동기적으로 통신하여 데이터를 주고받는 기술 (페이지를 새로고치지 않고 필요한 데이터만 가져오는 방식)

AJAX의 구성 요소

AJAX 동작 흐름

1. 사용자가 어떤 행동을 함 ( ex. 버튼 클릭 )
2. JS가 비동기 요청을 서버에 보냄 ( fetch, axios, XMLHttpRequest 등 )
3. 서버가 요청을 받고 데이터를 응답 ( ex. JSON )
4. JS가 응답받은 데이터를 이용해 DOM을 동적으로 도작
5. 페이지 전체가 새로고침되지 않고 일부만 업데이트