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("<font color=green>√该用户名可以注册</font>");
return true;
}
else {
$("#username_err").html("<font color=red>该用户名已注册,请更换其他用户名</font>");
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请求完成之后的处理；