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); } });
相关文章
相关标签/搜索