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("该用户名已被使用！请重新输入");
			}
		})