Ajax

AJAX란?

Ajax를 한만디로 정의하자면 JavaScript를 사용한 비동기 통신, 클라이언트와 서버 간에 XML 데이터를 주고받는 기술 더간단하게는 새로고침없이 DB에서 데이터를 JSP로 가져오는 기술을 말하는것 같다.

사용법 

$.ajax({

   url: "URL적으세욥",

   data: {"Id": Id},

timeout: 30000,

cache: false,

type: "post",

dataType: "json",

beforeSend: function(){

$.blockUI(_BLOCKUI_OPTION);

},

complete : function(){

$.unblockUI();

},

error:function(x,e){

alert("요청하신 작업을 수행하던 중 예상치 않게 중지되었습니다.\n\n다시 시도해 주십시오.");

},

success: function (data) {

if(data.result == "success"){

}

else{

            alert("처리 중 오류가 발생했습니다. 다시 시도해 주십시오.");

              }

}

});

Controller에서 받을때와 줄때처리는 요렇게

@RequestMapping(value = "" ,method = RequestMethod.POST)

@ResponseBody

public HashMap<String, String> log(Model model, @RequestParam(value = "Id") String Id) {

HashMap<String, String> result = new HashMap<String, String>();

try {

result.put("result", "success");

}

catch(CustomException ce) {

result.put("result", "fail");

}

return result;

}