글
카테고리 없음 2012. 8. 21. 15:27[jQuery] $.ajax 원형 몇가지
1. form의 값으로 호출
var param = $("form[name=edit_form]").serialize();
$.blockUI({ message: "<h3><img src='/images/ajax-loader.gif'/><br/>Please wait...</h3>" });
$.ajax({
type:"POST",
url:"/xxx.jsp",
data:param,
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
dataType: "text",
error:function(xhr, status, error){
alert("Ajax Error : " + error);
$.unblockUI();
},
success:function (json) {
if(json.result=="fail") {
alert(json.error);
} else {
alert("처리 하였습니다.");
document.location.reload();
}
$.unblockUI();
}
});
2. json 으로 호출
var param_value1 = ...
var param_value2 = ...
$.blockUI({ message: "<h3><img src='/admin/images/ajax-loader.gif'/><br/>Please wait...</h3>" });
$.ajax({
type:"POST",
url:"/xxx.jsp",
data:{"param_name1":param_value1,"param_name2":param_value2},
dataType:"json",
error:function(xhr, status, error){
alert("Ajax Error : " + error);
$.unblockUI();
},
success:function (json) {
if(json.result=="fail") {
alert(json.error);
$.unblockUI();
} else {
var data = json.data;
$("input[name=auth_info_auth_id]").val(authId);
$("#auth_info_span_auth_id").text(authId);
$("input[name=auth_info_app_name]").val(data.APP_NAME);
$("input[name=auth_info_auth_type]").filter("input[value="+data.AUTH_TYPE+"]").attr("checked",true);
$("input[name=auth_info_redirect_uri]").val(data.REDIRECT_URI);
$.blockUI({ message: $("#auth_info"), css: {width:$("#auth_info").width(), top:"150px"} });
}
}
});
RECENT COMMENT