ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • AJAX?
    Dev_Study/Web 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

    반응형

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

    XMLHttpRequest?  (0) 2021.03.11
    W3C ( World Wide Web Consortium )  (0) 2021.02.19

    댓글

Designed by Tistory.