ajax調接口

1、$.ajax的通常格式html

$.ajax({
  type: 'POST', 
      url: url,    //規定連同請求發送到服務器的數據;
      data: data,    //映射或字符串值,規定連同請求發送到服務器的數據;
      dataType: xml/json/script/html,
      success: function(data) {},      //請求成功時執行的回調函數;
})

2、$.ajax須要注意的一些地方jquery

  1.data主要方式有三種,html拼接的,json數組,form表單經serialize()序列化的;經過dataType指定,不指定智能判斷。ajax

  2.$.ajax只提交form以文本方式,若是異步提交包含<file>上傳是傳過不過去,須要使用jquery.form.js的$.ajaxSubmitjson

3、案例數組

一、ajax帶json數據的異步請求服務器

var aj = $.ajax( {    
    url:'productManager_reverseUpdate',// 跳轉到 action    
    data:{    
             selRollBack : selRollBack,    
             selOperatorsCode : selOperatorsCode,    
             PROVINCECODE : PROVINCECODE,    
             pass2 : pass2    
    },    
    type:'post',    
    cache:false,    
    dataType:'json',    
    success:function(data) {    
        if(data.msg =="true" ){    
            // view("修改爲功!");    
            alert("修改爲功!");    
            window.location.reload();    
        }else{    
            view(data.msg);    
        }    
     },    
     error : function() {    
          // view("異常!");    
          alert("異常!");    
     }    
});  

二、$.ajax序列化表格內容爲字符串的異步請求 異步

function noTips(){    
    var formParam = $("#form1").serialize();//序列化表格內容爲字符串    
    $.ajax({    
        type:'post',        
        url:'Notice_noTipsNotice',    
        data:formParam,    
        cache:false,    
        dataType:'json',    
        success:function(data){    
        }    
    });    
}    

三、$.ajax拼接url的異步請求  async

var yz=$.ajax({    
     type:'post',    
     url:'validatePwd2_checkPwd2?password2='+password2,    
     data:{},    
     cache:false,    
     dataType:'json',    
     success:function(data){    
          if( data.msg =="false" ) //服務器返回false,就將validatePassword2的值改成pwd2Error,這是異步,須要考慮返回時間    
          {    
               textPassword2.html("<font color='red'>業務密碼不正確!</font>");    
               $("#validatePassword2").val("pwd2Error");    
               checkPassword2 = false;    
               return;    
           }    
      },    
      error:function(){}    
});   

四、$.ajax拼接data的異步請求函數

$.ajax({        
url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action', type:'post', data:'merName='+values, async : false, //默認爲true 異步 error:function(){ alert('error'); }, success:function(data){ $("#"+divs).html(data); } });
相關文章
相關標籤/搜索