Ajax的使用

. p o s t 、 .post、 .post.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()

一、$.ajax的一般格式
$.ajax({
type: ‘POST’,
url: url ,
data: data ,
   dataType:dataType ,
success: success ,
error: error
});

二、$.ajax的参数描述
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType
可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。

三、 . a j a x 需 要 注 意 的 一 些 地 方 : 1. d a t a 主 要 方 式 有 三 种 , h t m l 拼 接 的 , j s o n 数 组 , f o r m 表 单 经 s e r i a l i z e ( ) 序 列 化 的 ; 通 过 d a t a T y p e 指 定 , 不 指 定 智 能 判 断 。 2. .ajax需要注意的一些地方: 1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。 2. .ajax1.datahtmljsonformserialize()dataType2..ajax只提交form以文本方式,如果异步提交包含上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit

四、 . a j a x 我 的 实 际 应 用 例 子 J s 代 码 收 藏 代 码 / / 1. .ajax我的实际应用例子 Js代码 收藏代码 //1. .ajaxJs//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. . a j a x 拼 接 u r l 的 异 步 请 求 v a r y z = .ajax拼接url的异步请求 var yz= .ajaxurlvaryz=.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);
}
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值