hyeonga_code

Ajax_Asynchronous JavaScript and XML_장단점, 기존 방식과의 차이 본문

Ajax

Ajax_Asynchronous JavaScript and XML_장단점, 기존 방식과의 차이

hyeonga 2023. 10. 12. 07:59
반응형


- Ajax_Asynchronous JavaScript and XML

    - JavaScript를 사용한 비동기 통신입니다.
    - Client와 Server간에 XML 데이터를 주고받는 기술입니다.
    - 장점
        - 페이지의 이동 없이 고속으로 화면을 전환할 수 있습니다.
        - 서버 처리를 기다리지 않고 비동기 요청이 가능합니다.
        - 서버 측 처리를 각 PC에 분산이 가능합니다.
        - 수신하는 데이터의 양을 줄입니다.
    - 단점
        - 크로스 브라우저화의 노하우가 필요합니다.
            - 브라우저별로 호환이 가능한 부분이 다릅니다.
        - Ajax를 사용하지 못하는 브라우저가 있습니다.
            - 현재는 모두 사용이 가능합니다.
        - 오픈소스이므로 차별화가 쉽지 않습니다.
        - 보안에 더욱 신경을 써야합니다.

    - 기존 방식
        - 웹 브라우저가 웹 서버에 요청을 전송합니다.
        - 웹 서버는 JSP 등의 서버 어플리케이션을 사용하여 사용자의 요청을 처리합니다.
        - 처리한 결과를 HTML로 생성하여 웹 브라우저에 전송합니다.
        - 웹 브라우저는 응답으로 받은 HTML을 분석하여 화면에 출력합니다.
        - 웹 브라우저가 웹 서버와 통신을 합니다.
        - 요청 결과는 HTML로 생성되어 사용자 입장에서는 페이지 이동이 발생합니다.

    - Ajax 방식
        - 사용자가 이벤트를 발생시킵니다.
        - 자바 스크립트는 DOM을 사용하여 필요한 정보를 얻어옵니다.
        - XMLHttpRequest 객체를 통해 웹 서버에 요청을 전달합니다.
        - 서버로부터 응답이 도착하면 XMLHttpRequest 객체가 자바스크립트에 수신 받은 사실을 알립니다.
        - 자바스크립트는 응답 데이터와 DOM을 사용하여 사용자 화면에 반영합니다.
        - 사용자 입장에서 페이지 이동이 발생되지 않고 페이지 내부 변화만 발생합니다.

반응형

'Ajax' 카테고리의 다른 글

Ajax_동기/비동기 방식의 차이  (0) 2023.10.14
Ajax_서버의 응답 처리_실습 포함  (0) 2023.10.14
Ajax_웹 서버에 요청 전송하기  (0) 2023.10.13
Ajax_XMLHttpRequest 프로그래밍 순서  (0) 2023.10.13
Ajax_주요 구성 요소  (0) 2023.10.12