基于JSP的AJAX的实现（用户注册验证）

js:

<script type="text/javascript">
var http_request = false; 
function send_request(url) {
	http_request = false;   //初始化、指定处理函数、发送请求的函数
	//开始初始化XMLHttpRequest对象
	if(window.XMLHttpRequest) {
	//Mozilla 浏览器
	http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml'); //设置MiME类别
		} 
	}
	else if (window.ActiveXObject){ 
	// IE浏览器
	try { 
		http_request = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e){ 
			try { 
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}   
	}
	if (!http_request) { 
		window.alert("不能创建XMLHttpRequest对象实例.");　// 异常，创建对象实例失败
		return false; 
	}  
	http_request.onreadystatechange = processRequest;   
	// 确定发送请求的方式和URL以及是否同步执行下段代码 
	http_request.open("GET", url, true); 
	http_request.send(null); 
}  
// 处理返回信息的函数 
function processRequest() { 
	if (http_request.readyState == 4) {
		if (http_request.status == 200) { 
			// 信息已经成功返回，开始处理信息             　　
			alert(http_request.responseText);         　　
		} else { 
		 alert("您所请求的页面有异常!");  //页面不正常
		} 
	} 
}  
function userCheck() {  
	var f = document.form1;
	var username = f.username.value;
	if(username=="") {
		window.alert("The user name can not be null!");
		f.username.focus();
		return false; 
	} else {
		send_request('check.jsp?username='+username);
	}  
}  
</script> 

body：

<form name="form1" action="" method="post">
        userName:<input type="text" name="username" value="">  <input type="button" name="check" value="check" onClick="userCheck()">
        <input type="submit" name="submit" value="submit">
</form>

check页面：

<%
   	String username= request.getParameter("username");
	if("zhangsan".equals(username))
	{
	    out.print("This name has been registered");
	}
      	else
     	{
      	    out.print("ok");
     	}
%>