블로그 이미지
빤따스뤽

Rss feed Tistory
카테고리 없음 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"} });
      }
     }
    });

,
TOTAL TODAY