아약스

Ajax(비동기 JavaScript 및 XML): Ajax는 빠르게 실행되는 동적 웹 페이지를 만들기 위한 개발 기술입니다.

특징:

Ajax를 사용하면 전체 웹 페이지를 다시 로드하지 않고도 웹 페이지의 일부를 업데이트할 수 있습니다.

Ajax를 사용하면 백그라운드 영역에서 서버와 통신하여 웹 페이지의 일부에만 결과를 표시할 수 있습니다.

이때 다음과 같이 다양한 형태의 데이터를 서버와 교환할 수 있다.

-JSON

-XML

-HTML

– 텍스트 파일 등

  • 전체 페이지를 다시 로드하지 않고 웹 페이지의 일부를 새로 고칠 수 있습니다.

  • 웹 페이지가 로드된 후 서버에 데이터 요청을 보낼 수 있습니다.

  • 웹 페이지가 로드된 후 서버에서 데이터를 수신할 수 있습니다.

  • 백그라운드 영역에서 서버로 데이터를 보낼 수 있습니다.

  • 아약스 클라이언트가 서버에 데이터 요청클라이언트 풀 접근 방식을 사용하기 때문에 실시간 서비스를 만들 수 없습니다.

  • Ajax를 사용하여 이진 데이터를 보내거나 받을 수 없습니다.

  • Ajax 스크립트를 포함하는 서버 이외의 서버로 Ajax 요청을 보낼 수 없습니다.

  • 클라이언트의 PC에 Ajax 요청을 보낼 수 없습니다.


① : 사용자 요청 이벤트가 발생합니다.

② : 요청 이벤트가 발생하면 이벤트 핸들러에 의해 JavaScript가 호출됩니다.

③ : JavaScript는 XMLHttpRequest 객체를 사용하여 서버에 요청을 보냅니다.

이 시점에서 웹 브라우저는 요청을 보내고 서버의 응답을 기다리지 않고도 다른 작업을 처리할 수 있습니다.

④ : 서버는 Ajax 요청을 처리하기 위해 XMLHttpRequest 객체를 사용한다.

⑤, ⑥: 서버는 처리된 결과를 HTML, XML, JSON 형태의 데이터로 브라우저에 보낸다.

이 시점에서 전달된 응답은 모든 새 페이지를 보내는 것이 아니라 필요한 데이터만 보냅니다.

⑦ : 서버로부터 받은 데이터로 웹 페이지의 일부만 업데이트하는 자바스크립트를 호출한다.

⑧ : 결과적으로 페이지의 일부만 다시 로드되어 표시됩니다.