JavaScript - AJAX

AJAX

비동기적으로 서버와 통신하기 위한 기술

AJAX를 사용하면 웹 페이지가 전체를 다시 로드하지 않고도 서버로부터 데이터를 가져오거나 서버에 데이터를 보낼 수 있음
웹 애플리케이션의 사용자 경험을 향상시키고, 더 나은 반응성을 제공하는 데 도움이 됨

AJAX 주요 요소

AJAX의 핵심은 XMLHttpRequest(XHR) 객체
=> JavaScript를 사용하여 서버와 상호 작용할 수 있는 기능을 제공
XMLHttpRequest 객체를 사용하여 서버로 요청을 보내고, 서버로부터 데이터를 받아올 수 있음

데이터 형식

초기에 AJAX는 XML을 사용하여 데이터를 교환하는 데 사용되었으나, 현재는 JSON이 더 일반적으로 사용
=> JSON은 JavaScript Object Notation의 약자로, 가벼우면서도 읽기 쉬운 형식을 제공하여 데이터를 효율적으로 전송할 수 있음

AJAX 작동 방식

AJAX는 비동기적인 방식으로 통신
=> 페이지의 다른 부분이나 사용자의 입력을 차단하지 않고 백그라운드에서 데이터를 가져오거나 보낼 수 있음
=> 이를 통해 웹 페이지가 동적으로 업데이트되고 사용자와 상호 작용할 수 있음

AJAX 장접

• 웹페이지의 속도 향상
• 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능
• 서버에서 Data만 전송하면 되므로 전체적인 코드의 양이 줄어듬
• 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해줌

AJAX 단점

• 히스토리 관리가 안됨
• 연속으로 데이터를 요청하면 서버 부하가 증가할 수 있음
• 페이지가 이동하지 않는 통신이므로 보안에 신경을 써야 함
• Cross-Domain 문제가 발생