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