[JavaScript] json 타입의 Ajax 사용하기

AJAX란?

AJAX란 비동기 JavaScript와 XML을 말합니다. 간단히 말하면, 서버측 Scripts와 통신하기 위한 XMLHttpRequest객체를 사용하는 것을 말합니다. 서버측으로 다양한 형식(JSON, XML, HTML 및 일반 텍스트 형식 등)의 정보를 주고 받을 수 있습니다. AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다.

최신 jquery를 받아 사용하기.

<script  src="http://code.jquery.com/jquery-latest.min.js"></script>

01. 사용법

$.ajax ({ 

type : 'get or post',

url : 'url적기',

dataType : 'json',

data : {

//넣을 값

ex) name : "민돌",

id : "mindols"

}, 

or data : $("#formId).serialize(), // formId 에 있는 내용들 

success : function(data) {

//통신이 성공적으로 이루어졌을때

},

complete : function(data) {

//통신이 실패했어도 완료되었을때 

},

error : function(data) {

//에러가 났을때

}

});

complete 또는 success 둘중 하나만 사용할 수 있습니다.

(이유 : 둘다 사용하면 호출을 2번 하기 때문)