Ajax(비동기 JavaScript 및 XML): Ajax는 빠르게 실행되는 동적 웹 페이지를 만들기 위한 개발 기술입니다.
특징:
Ajax를 사용하면 전체 웹 페이지를 다시 로드하지 않고도 웹 페이지의 일부를 업데이트할 수 있습니다.
Ajax를 사용하면 백그라운드 영역에서 서버와 통신하여 웹 페이지의 일부에만 결과를 표시할 수 있습니다.
이때 다음과 같이 다양한 형태의 데이터를 서버와 교환할 수 있다.
-JSON
-XML
-HTML
– 텍스트 파일 등
- 전체 페이지를 다시 로드하지 않고 웹 페이지의 일부를 새로 고칠 수 있습니다.
- 웹 페이지가 로드된 후 서버에 데이터 요청을 보낼 수 있습니다.
- 웹 페이지가 로드된 후 서버에서 데이터를 수신할 수 있습니다.
- 백그라운드 영역에서 서버로 데이터를 보낼 수 있습니다.
- 아약스 클라이언트가 서버에 데이터 요청클라이언트 풀 접근 방식을 사용하기 때문에 실시간 서비스를 만들 수 없습니다.
- Ajax를 사용하여 이진 데이터를 보내거나 받을 수 없습니다.
- Ajax 스크립트를 포함하는 서버 이외의 서버로 Ajax 요청을 보낼 수 없습니다.
- 클라이언트의 PC에 Ajax 요청을 보낼 수 없습니다.
① : 사용자 요청 이벤트가 발생합니다.
② : 요청 이벤트가 발생하면 이벤트 핸들러에 의해 JavaScript가 호출됩니다.
③ : JavaScript는 XMLHttpRequest 객체를 사용하여 서버에 요청을 보냅니다.
이 시점에서 웹 브라우저는 요청을 보내고 서버의 응답을 기다리지 않고도 다른 작업을 처리할 수 있습니다.
④ : 서버는 Ajax 요청을 처리하기 위해 XMLHttpRequest 객체를 사용한다.
⑤, ⑥: 서버는 처리된 결과를 HTML, XML, JSON 형태의 데이터로 브라우저에 보낸다.
이 시점에서 전달된 응답은 모든 새 페이지를 보내는 것이 아니라 필요한 데이터만 보냅니다.
⑦ : 서버로부터 받은 데이터로 웹 페이지의 일부만 업데이트하는 자바스크립트를 호출한다.
⑧ : 결과적으로 페이지의 일부만 다시 로드되어 표시됩니다.