AJax基于jQuery实现注册时局部判断用户名是否已被使用

上篇博文已经写过一篇基于JavaScript来实现的功能的了，但是由于通过JavaScript来实现的话，

代码量相对较大，而且容易出错，所以一般使用jQuery来实现，具体实现代码如下：

$.ajax：$.ajax({
type :"get",//到后台服务器端的方式
url : "StudentServlet",//路径
data : "userName="+userName,//相当于地址栏中StudentServlet?userName="+userName
dataType : "text",//data类型
success : function(data){//回调函数
//接收并处理服务端返回来的数据
if(data=="y"){
$("#span").css("color","green").html("恭喜！该用户名可用！");
}else{
$("#span").css("color","red").html("该用户名已被使用！请重新输入");
}
}
});
$.get与$.post：

两者大同小异，只是提交到后台的方式不同。

$.get：

$.get("StudentServlet", {
userName : userName//相当于$.ajaxdata : "userName="+userName
}, function(data) {
if (data == "y") {
$("#span").css("color", "green").html("恭喜！该用户名可用！");
} else {
$("#span").css("color", "red").html("该用户名已被使用！请重新输入");
}
})

$.post：

$.post("StudentServlet", {
userName : userName//相当于$.ajaxdata : "userName="+userName
}, function(data) {
if (data == "y") {
$("#span").css("color", "green").html("恭喜！该用户名可用！");
} else {
$("#span").css("color", "red").html("该用户名已被使用！请重新输入");
}
})