ajax使用实例

jQuery很好地封装在异步提交中,直接使用Ajax是非常麻烦的。jQuery在不考虑浏览器差异的情况下大大简化了操作。

美元。后,美元。得到的是简单的方法使用jquery.ajax()如果他们要处理复杂的逻辑。

一、通用格式的ajax




$ ajax({
类型:'post,
网址,
数据:数据,
成功:成功,
DataType:数据类型
});



两个和$ ajax的参数描述

参数描述

URL是必需的。指定哪个URL发送请求到。

数据是可选的。map或String值。规则是随请求发送到服务器的。

成功(数据,textstatus,jqxhr)是可选的。一个回调函数执行的请求成功时。

数据类型是可选的,指定的数据服务器的预期反应的类型。

默认情况下执行默认的智能判断(XML、JSON、脚本或HTML)。

三,ajax需要注意一些地方:

有三种主要方式1.data,HTML拼接,JSON数组,并将()的形式形成系列化;没有智能判断指定的数据类型。

2美元。Ajax提交文本的形式,如果异步提交的包括上传不通过,需要使用jQuery。形式。JS的ajaxsubmit美元。

四,我的实际应用示例


1与JSON数据的异步请求
VaR AJ =美元。Ajax({
网址:'productmanager_reverseupdate ' /跳到行动
数据:{
SelRollBack:selrollback,
SelOperatorsCode:seloperatorscode,
provincecode:provincecode,
通行证:通行证
},
类型:'post,
缓存:false,
DataType:'json,
成功:函数(数据){
如果(data.msg = = true){
视图()成功地修改!;
警告()修改成功!;
Window.location.reload();
其他{ }
视图(数据,MSG);
}
},
错误:函数(){
视图()异常!);
警报()异常!;
}
});


2。作为表内容作为字符串的异步请求的ajax序列化
功能notips(){
无功formparam = $(# Form1)(。连载); / /字符串内容序列化表
$ ajax({
类型:'post,
网址:'notice_notipsnotice,
数据:formparam,
缓存:false,
DataType:'json,
成功:函数(数据){
}
});
}


异步请求3。
VaR YZ =美元。Ajax({
类型:'post,
网址:'validatepwd2_checkpwd2password2 =+ password2,
数据:{ },
缓存:false,
DataType:'json,
成功:函数(数据){
如果(data.msg = = 假) / /服务器返回错误,validatepassword2的价值将发生变化,pwd2error,这是异步的,需要考虑返回时间
{
textpassword2.html(业务密码不正确!);
$(# validatepassword2)。瓦迩(pwd2error );
checkpassword2 = false;
返回;
}
},
错误:函数(){ }
});


异步请求4。
$ ajax({
网址: / / kc_checkmernameunique KC行动,
类型:'post,
数据:'mername = +价值,
异步: / /真假,默认是异步的
错误:函数(){
警报(错误的);
},
成功:函数(数据){
$(#+ div)Html(数据);
}
});