Jquery中AJAX的应用

======================================================
注：本文源代码点此下载
======================================================

使用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^)/