ajax局部刷新

ajax原理
浏览器html的事件 —>.js中的方法—>Tomcat中的servlet中的doGet–>数据库获得text和json–>解析text和json–>dom编程控制页面局部刷新
!!!

var xmlHttpRequest;
function createXMLHttpRequest(){
	if(window.XMLHttpRequest){
		//非IE
		xmlHttpRequest= new XMLHttpRequest();
	}else{
		//IE浏览器
		xmlHttpRequest=new ActiveXObject("Miscrosoft.XMLHTTP");
	}
}
function handStateChange(){
	//
	if(xmlHttpRequest.readyState == 4){
		//
		if(xmlHttpRequest.status ==200){
			//获取服务端响应的文本信息
			var responseText = xmlHttpRequest.responseText;
			//把得到的文本做dom编程,修改HTML页面的局部内容
			
			//清除span_ele元素的第一个节点内容
			
			//根据响应回来的文本创建文本节点对象
			
		}
	}
}
//ajax异步请求,访问数据库,检测用户名是否相同
function doCheckName(){
	createXMLHttpRequest();
	//获取文本框的值
	var uname = document.forms[0].userName.value;
	alert(uname);
	//调用open方法(此时没用真正请求servlet)
	xmlHttpRequest.open("get","CheckNameServlet?username="+uname,true);
	//xmlHttpRequest.open("post","CheckNameServlet",true);
	//如果是post提交必须添加这条语句
	//xmlHttpRequest.setRequestHeader("content-type","application/x-www-form-urlencoded");
	//给xmlHttpRequest对象注册onreadystatechange事件
	xmlHttpRequest.onreadystatechange=function(){
		handStateChange();
	};

	//此时真正请求  post 发送请求CheckNameServlet?userName=uname
	//xmlHttpRequest.send("username="+uname);
	//get发送请求
	xmlHttpRequest.send(null);
	
}