JavaScript与JQuery的AJAX的使用代码

下面是JavaScript的AJAX使用代码

<script type="text/javascript">
	var xhr;
	// 声明一个函数,创建XMLHttpRequest对象
	function getXMLHttpRequest(){
		if (window.XMLHttpRequest) {
			return new XMLHttpRequest();
		}
	}
	function userInput(textName) {
		//取文本框的值
		var name = textName.value;
		//调用上面的函数创建对象
		xhr = getXMLHttpRequest();
		//设置回调函数
		xhr.onreadystatechange = getResult;
		//封装请求
		xhr.open("GET", "AddAdminSer?name=" + name, true);
		//发送请求
		xhr.send(null);
	}
	// 回调函数,data表示从服务器端返回来的数据
	function getResult() {
		//获取id为span的标签
		var s = document.getElementById("span");
		if (xhr.readyState == 4 && xhr.status == 200) {
			// 处理服务端返回来的数据
			if (xhr.responseText == "y"){
				s.style.color = "#0f0";s.innerHTML = "用户名可用";
			} 
			else{
				s.style.color = "#f00";s.innerHTML = "用户名不可用";
				}
		}
	}
</script>  

JQuery的AJAX的使用代码

<script src="${base}js/jquery-1.8.3.js"></script>
<script type="text/javascript">
//方法2
//get请求
$.get("AddAdminSer",{name:userName},
//回调函数
function(data){
	if(datarrrr == "y"){
		$("#span").css("color","#0f0").html("用户名可用");
	}
	else{
		$("#span").css("color","#f00").html("用户名不可用");
	}
});
//post请求
$.post("AddAdminSer",{name:userName},
//回调函数
function(data){
	if(datarrrr == "y"){
		$("#span").css("color","#0f0").html("用户名可用");
	}
	else{
		$("#span").css("color","#f00").html("用户名不可用");
	}
});
</script>