jQuery 입문 | Ajax 사용 | Ajax 개요

Tags:

Ajax란?

Ajax란 Asynchronous JavaScript and XML을 의미한다.
Ajax는 프로그램 언어가 아니다.
Ajax는 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다.
Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해준다. Ajax는 백그라운드 영역에서 서버와 데이터를 교환하여 웹 페이지에 표시 및 데이터를 로딩해 준다.

아래 예제는 jQuery에서 제공하는 .load() 메소드를 이용하여 데이터를 로딩하고 있다.

$("#btnLoad").on("click", function() {
  $("#text").load("/rest/1/pages/244");
});

코드 실행

Ajax 프레임워크

Ajax를 사용하여 손쉽게 개발할 수 있도록 미리 여러 가지 기능들을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 한다.
이러한 Ajax 프레임워크 중에서도 가장 많이 사용되는 대표적인 프레임워크는 다음과 같다.

  • Prototype : 널리 알려져 있는 AJAX 프레임워크
  • script.aculo.us : Prototype을 기반으로 하는 여러 인터페이스 제공
  • jQuery : prototype만큼 많이 사용되는 AJAX 프레임워크
  • jQuery UI : jQuery을 기반으로 하는 여러 인터페이스 제공
  • dojo : 다양한 화면효과, 위젯등을 제공
  • Google Web Toolkit : 구글에서 배포중인 AJAX 프레임워크
  • ASP.NET AJAX : MS에서 공식 개발된 ASP.NET 지원용 AJAX 프레임워크
  • YUI : Yahoo User Interface

이외에도 많은 Ajax 프레임워크가 있으며, 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 제이쿼리(jQuery)이다.

여기서는 프레임워크라는 단어를 사용했는데, 다른 시각으로 보면 라이브러리라고 할 수도 있을 것이다. 하지만, Ajax 구현에 흐름을 제어하는 역활을 하기에 프레임워크라고 볼수도 있지 않을까 싶다.

jQuery를 사용한 Ajax

jQuery에서는 Ajax 기능을 손쉽게 사용할 수 있도록 여러 메소드를 제공하고 있다.
제공하는 메소드를 사용하면 HTTP 요청(request)을 손쉽게 보낼 수 있으며, 데이터의 종류에 따라 그에 알맞는 메소드를 사용하여 서버에 데이터를 요청할 수 있다.




최종 수정 : 2021-08-27