- AJAX(Asynchronous JavaScript and XML)은 웹 페이지를 동적으로 업데이트할 수 있도록 해주는 기술입니다.
- AJAX를 사용하면 전체 페이지를 다시 로드하지 않고도 서버와 데이터 통신을 할 수 있습니다.
- 이를 통해 웹 애플리케이션의 응답성과 사용자 경험이 크게 향상됩니다.
주요 개념
- 비동기 통신:
- AJAX는 비동기적으로 서버와 통신하므로, 페이지가 서버 요청을 기다리지 않고 다른 작업을 계속 수행할 수 있습니다.
- JavaScript와 XML:
- 초기에는 XML을 사용하여 데이터를 전송했지만, 현재는 JSON이 더 많이 사용됩니다.
- JavaScript를 사용하여 HTTP 요청을 생성하고 응답을 처리합니다.
- XHR (XMLHttpRequest) 객체:
- 브라우저 내장 객체인 XMLHttpRequest를 사용하여 서버와의 데이터 통신을 처리합니다.
- fetch API도 최근에 많이 사용됩니다.
주요 장점
- 향상된 사용자 경험:
- 페이지를 새로 고침하지 않고도 동적으로 콘텐츠를 업데이트할 수 있어 더 빠르고 부드러운 사용자 경험을 제공합니다.
- 효율적인 서버 통신:
- 필요한 데이터만 서버로부터 가져와 네트워크 트래픽을 줄이고 응답 시간을 개선합니다.
Share article