您的位置:首页 > Web前端 > JQuery

Jquery中AJAX的应用

2012-01-16 03:10 169 查看
======================================================

注:本文源代码点此下载

======================================================

使用jquery中的ajax进行异步开发是特别迅速的,也是目前比较流行的,下面对ajax的使用做下总结。
//判断用户名是否可以注册
$.ajax({
type: 'post',
url: '/user/checkname',
cache: false,
datatype: "json",
data: { username: $("#username").val() },
beforesend: function(xmlhttprequest) {
//加载中...
},
success: function(data) {
if (data.flag) {
$("#username_err").html("√该用户名可以注册");
return true;
}
else {
$("#username_err").html("该用户名已注册,请更换其他用户名");
document.getelementbyid("username").focus();
return false;
}
},
error: function(e) {
alert(e.responsetext); //错误处理
},
complete: function(xmlhttprequest) {
//完成
}
});
上面就是jquery中ajax提交数据的方法:
type:这是提交数据的类型,有两种,分别为post和get方式,类似于form表单的提交方式,post比较安全而且传输的数据量可以比较大(推荐使用),get是通过url传值的形式传输的数据量比较小;
url:这个是处理ajax请求方法的url地址;
cache:是否缓存的意思,一般设置为false;
datatype:返回的数据格式,一般有json,html等格式;
data:要传送的数据;
beforesend:发送数据之前的动作处理,一般网页上显示的“加载中。。。”,“查询中。。。”都是在这里面操作的;
success:成功返回结果的动作操作,一般成功之后的提示信息或者其他操作都在这里面完成;
error:ajax请求发生错误的处理;
complete:整个ajax请求完成之后的处理;

======================================================

在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定
这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: