Ajax :: 제이쿼리 비동기 연동방식

 

 

 Ajax  (Asynchronous JavaScript and XML)

: 클라이언트가 비동기 방식으로 자바스크립트를 이용하여

  화면 전환없이 서버 측에 자료(XML, HTML, JSON, text 등등)를 요청할 때 사용.

 

Ajax 를 생각할 때, 덧글창을 생각하면 쉬움.

html 파일의 일부를 바꾸기 위해서는 페이지 전체를 새로고침해야하지만,

나머지 부분은 다 그래도인데, 한 부분(덧글창)만 바꾸기 위해 전체를 새로고침하는건 낭비가 되니까,

그 부분만 새로고침 할 수 있도록 만든 것이 Ajax!

 

그 영역만 Ajax로 전체페이지와 비동기화되어 개별적으로 움직임.

 

 

 

Ajax를 사용하기 위해, 내 컴퓨터에 웹 서버를 설치해야 함.

오토셋(autoset.net/)을 사용하여 내 컴퓨터를 아파치서버로 만들어 줄 수 있음.

 

 

  Ajax 관련 메서드  

load( )	외부 콘텐츠를 가져옴.
$.ajax( )	$.post( ), $.get( ), $.getJSON( ) 메서드의 기능을 하나로 합쳐 놓은 것.
$.post( )	데이터를 서버에 HTTP POST 방식으로 전송 후 응답을 받음.
$.get( )	데이터를 서버에 HTTP GET 방식으로 전송 후 응답을 받음.
$.getJSON( )	데이터를 서버에 HTTP GET 방식으로 전송 후, 서버 측 응답을 JSON 형식으로 받음.
$.getScript( )	Ajax를 이용하여 외부 자바스크립트를 불러옴.
.ajaxStop(function( ){ ... })	비동기 방식으로 서버에 응답요청이 완료되었을 때 함수 실행.
.ajaxSuccess(function( ){ ... })	Ajax 요청이 성공적으로 완료되면 함수 실행.
ajaxComplete(function( ){ ... })	Ajax 통신이 완료되면 함수 실행.