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^)/
注:本文源代码点此下载
======================================================
使用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^)/
相关文章推荐
- jquery与ajax的应用
- PHP+jQuery实现Ajax分页效果:jPaginate插件的应用
- JQuery使用Ajax的一个简单应用
- jquery与ajax的应用
- jquery应用-AJAX推拽分页
- jQuery框架学习第六天:jQuery中的Ajax应用
- 【锋利的JQuery】0x06 JQuery与Ajax的应用
- jQuery与Ajax的应用
- 使用Asp.net MVC, Jquery, Jquery UI构建基于Ajax的RIA应用.
- jQuery与Ajax的应用
- [jQuery]Ajax的应用
- Ajax——jquery快速实现html、json、xml的ajax应用
- jQuery中Ajax的应用
- 传智播客AJAX第三天课——jQuery应用
- jQuery.ajax的简单应用实例 附实例下载
- SharePoint 2010中的客户端AJAX应用——jQuery的整合与持久化
- jquery与ajax的应用
- 使用Jquery应用到Asp.net ajax中时3个误区应该避免
- 《锋利的jQuery》读书笔记 第6章 jQuery与Ajax的应用
- 《锋利的jQuery》七、jQuery和Ajax的应用