博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax调接口
阅读量:6196 次
发布时间:2019-06-21

本文共 2376 字,大约阅读时间需要 7 分钟。

一、$.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("业务密码不正确!");                   $("#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);         }  });

 

转载于:https://www.cnblogs.com/dxt510/p/7614294.html

你可能感兴趣的文章
java基础-----集合!
查看>>
javascript继承的两种方式
查看>>
static in java
查看>>
Java学习心得
查看>>
wait _event_interruptible()函数分析
查看>>
JS之BOM、DOM
查看>>
网页 console的使用
查看>>
MVC 之 T4模板简介
查看>>
认识单利模式
查看>>
asp.net pagebase获取缓存的方法
查看>>
LeetCode - 2. Add Two Numbers
查看>>
svn: how to resolve “local edit, incoming delete upon update” message
查看>>
HA状态下防火墙损坏处理
查看>>
vlan与交换机端口模式Access,Hybrid,Trunk
查看>>
如何让linux的history命令显示时间记录
查看>>
NOIP 2013 普及组 车站分级
查看>>
TreeView递归取值
查看>>
强大的JQuery表单验证插件 FormValidator使用介绍
查看>>
多页Excel转换成PDF时如何保存为单独文件
查看>>
30分钟LINQ教程
查看>>