Ajax 개요

AJAX(Asynchronous JavaScript AND XML)

서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 하는 기법으로 비동기식 요청을 보내는데 필요한 기술

[ 장점 ]

• 비동기식 방식으로 웹 서버의 응답을 기다리지 않고 데이터를 빠르게 처리하는 개발 기법
  • 리로딩 없이 처리됨
  • 예) 실시간 검색어, 검색어 자동 완성

[ 단점 ]

• 한 페이지에 지속적으로 사용시 리소스가 계속 쌓여 페이지가 느려짐
• 스크립트로 되어 있어 에러 발생시 디버깅이 어려움

JavaScript(Ajax)

처리구조

처리절차

1. script문에 요청을 위한 XMLHttpRequest 객체 생성
2. 서버의 응답을 처리할 함수 생성 및 지정
   • onreadystatechange에 함수 지정
3. open 메소드로 요청할 방법 및 요청할 대상(Server) 선정
   • 요청 메소드, 요청주소, 비동기/동기 설정, 아이디, 패스워드 설정
4. send 메소드로 대상(Server)에 전송