ajax调接口

Posted 党欣彤

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax调接口相关的知识,希望对你有一定的参考价值。

一、$.ajax的一般格式

$.ajax({
  type: ‘POST‘, 
      url: url,    //规定连同请求发送到服务器的数据;
      data: data,    //映射或字符串值,规定连同请求发送到服务器的数据;
      dataType: xml/json/script/html,
      success: function(data) {},      //请求成功时执行的回调函数;
})

二、$.ajax需要注意的一些地方

  1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。

  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

三、案例

1、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("异常!");    
     }    
});  

2、$.ajax序列化表格内容为字符串的异步请求 

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

3、$.ajax拼接url的异步请求  

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(){}    
});   

4、$.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); } });

 


以上是关于ajax调接口的主要内容,如果未能解决你的问题,请参考以下文章

浏览器自定义Ajax函数批量调接口

浏览器自定义Ajax函数批量调接口

调接口省市区三级联动相关代码

ajax与 axios的基础讲解(附代码及接口)

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

vue中阻止快速点击两次提交按钮调两次接口