관리 메뉴

제뉴어리의 모든것

[Ajax] ajax란 무엇인가?, 그리고 jquery로 ajax를 하는 이유 본문

HTML

[Ajax] ajax란 무엇인가?, 그리고 jquery로 ajax를 하는 이유

제뉴어리맨 2021. 2. 26. 20:34

ajax란 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)이며

브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 화면의 전체 갱신없이 내부에서 서버와 통신을 하는것을 말합니다.

통신후 리턴받는 데이터는 xml 또는 json 데이터타입이 되며 받은데이터로 javascript에서 ui조작을 하여 전체갱신없이 ui의 일부분만 동적인 변경이 가능하게 됩니다

이는 페이지요청후 화면이 전체갱신되면서 html이 랜더링되는 일반적인 웹프로래밍 방법과는 다르며, 윈도우 클라이언트 프로그램과 더 비슷한 방식이기도 합니다.

 

장점 : ajax통신후 받은 데이터를 갖고 화면의 전체갱신없이 부분적인 ui변경이 가능합니다

         html 전체코드가 아닌 최소한의 필요한 데이터(xml 또는 json)만 받으므로 통신량이 줄어듭니다.

단점 : javascript 코딩량이 많아지게 됩니다.

jquery를 이용해서 ajax를 사용하는 이유 : 일반 javascript로  ajax를 하게되면 코딩량도 많아지고 브라우저별로 구현방법이 다른 단점이 있는데 jquery를 이용하면 더 적은 코딩량과 동일한 코딩방법으로 대부분의 브라우저에서 같은 동작을 할 수 있게 됩니다.

한마디로 크로스브라우징이 쉬워집니다.



출처: https://kdarkdev.tistory.com/26 [kdarkdev]