Ajax
개념 설명
Asynchronous JavaScript and XML의 약자로, 페이지 새로고침 없이 서버와 데이터를 주고받는 비동기 통신 기술.
핵심 포인트
- XMLHttpRequest 또는 fetch API를 통한 HTTP 통신
- 페이지 전체 새로고침 없이 부분적 데이터 업데이트
- JSON 형태의 데이터 교환이 XML보다 일반적
- 단일 페이지 애플리케이션(SPA)의 핵심 기술
예시 코드
// 1. XMLHttpRequest (레거시)
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/users');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();더 많은 내용을 확인하세요! 📚
“Ajax”의 전체 내용을 보시려면 프리미엄 플랜이 필요합니다.
✨ 모든 기술 문서 무제한 액세스
📝 실습 예제와 상세한 코드 설명
🎯 면접 예상 질문과 답변 가이드