ComputerScience/Web

AJAX?

LeeDaniel 2021. 3. 11. 15:09
AJAX ( Asynchronous JavaScript And XML )

AJAX는 프로그래밍 언어가 아닙니다.

AJAX는 새로운 기술이나 다른 언어가 아니라
새로운 방식으로 사용되는 기존 기술 일뿐입니다
기존 페이지의 표시 및 동작을 방해하지 않고 비동기식으로 (백그라운드에서)
AJAX는 프리젠테이션 계층에서 데이터교환 계층을 분리함으로써
웹 페이지와 웹 애플리케이션이 전체 페이지를
다시 로드하지 않고도 동적으로 컨텐츠를 변경할 수 있도록합니다

모든 최신 브라우저 (Chrome, Firefox, IE7 +, Edge, Safari Opera)에는
내장 XMLHttpRequest 객체가 있습니다.
AJAX는 다음 조합을 사용합니다.

◾브라우저 내장 XMLHttpRequest 객체 (웹 서버에서 데이터 요청)
◾JavaScript 및 HTML DOM (데이터 표시 또는 사용)

AJAX 애플리케이션은 XML을 사용하여 데이터를 전송할 수 있지만
데이터를 일반 텍스트 또는 JSON 텍스트로 전송하는 것도 동일합니다.

AJAX를 사용하면 백그라운드에서 웹 서버와 데이터를 교환하여
웹 페이지를 비동기 적으로 업데이트 할 수 있습니다.
이는 전체 페이지를 다시로드하지 않고도
웹 페이지의 일부를 업데이트 할 수 있음을 의미합니다.
페이지를 다시 로드하지 않고 웹 페이지 업데이트
서버에서 데이터 요청-페이지가 로드 된 후
서버에서 데이터 수신-페이지가 로드 된 후
서버로 데이터 보내기-백그라운드에서
AJAX의 작동 원리
1. 웹 페이지에서 이벤트 발생 (페이지로드, 버튼 클릭)
2. XMLHttpRequest 객체는 JavaScript에 의해 생성됩니다.
3. XMLHttpRequest 객체는 웹 서버에 요청을 보냅니다.
4. 서버가 요청을 처리합니다.
5. 서버가 웹 페이지로 응답을 보냅니다.
6. JavaScript에서 응답을 읽습니다.
7. JavaScript에 의해 적절한 작업 (예 : 페이지 업데이트)이 수행됩니다.

출처 : www.w3schools.com/xml/ajax_intro.asp

반응형

'ComputerScience > Web' 카테고리의 다른 글

Proxy Server  (0) 2021.04.12
XSS( Cross-Site Scripting )  (0) 2021.04.12
XMLHttpRequest?  (0) 2021.03.11
MDN  (0) 2021.03.11
Netscape  (0) 2021.03.10