JQuery - Ajax

JQuery 를 통한 ajax 처리 절차

$.ajax(), $.get(), $.post() 

1. url 속성을 통해 전송할 URL 주소 선언

2. data 속성을 통해 전달할 데이터 설정

3. 성공, 실패 시 처리할 로직을 함수로 선언

4. 반드시 처리할 로직을 선언

$.ajax() 주요 속성 정보

예시

 //서블릿을 호출하여 String 값을 전달

 $.ajax({ 

url : "test",     // 1. 전달할 servlet url mapping 

data : {name : "hongGD"}, // 2. 전달할 데이터

type : "get", // 전달할 방식 지정

success : function(data){ // 3-1. 성공 시 처리할 절차 

console.log("성공 "+data);

 }, 

error : function(request,status,error) { // 3-2. 에러 발생 시 처리할 절차 

alert("code:"+request.status+"\n"+ 

"message:"+request.responseText+"\n"+"error:"+error); 

},

complete : function(data){  // 4. 반드시 처리할 절차 

console.log("무조건 호출 되는 로직"); 

}

});