呼如林
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><html><head><script type="text/javascript">/* 标准AJAX模板 *///使用 false 作为判定条件,它表示还没有创建 XMLHttpRequest 对象var http_request=false;//创建XMLHttpRequest对象方法function send_request(){http_request=false;//火狐if(window.XMLHttpRequest){http_request=new XMLHttpRequest();if(http_request.overrideMimeType){http_request.overrideMimeType('text/xml');}}else if(window.ActiveXObject){//IEtry{http_request=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){try{http_request=new ActiveXObject("Microsoft.XMLHTTP");}catch(e2){}}}if(!http_request){//检查 request 是否仍然为 false(如果一切顺利就不会是 false)window.alert("Err Create XMLHttpRequest!");}}//与服务器交互function sendReg(url){//创建AJAX引擎send_request();//设定回调函数//服务器响应完毕以后会自动调用回调函数一次http_request.onreadystatechange = requestReg;//与服务器连接//1.提交方式(get/post)//2.提交路径(url)//3.是否异步http_request.open("get",url,true);//使用get方法不缓存http_request.setRequestHeader("If-Modified-Since","0");//提交请求//get nullhttp_request.send(null);}//事件函数function test(){//获得文本框的数据var text = document.getElementById("text").value;//get//定义当前访问服务器URLvar url = "reg?text=" + text;//使用UTF-8的编码将字符串进行解码url = encodeURI(url);//与服务器交互sendReg(url);}//定义回调函数function requestReg(){//判断就绪状态if(http_request.readyState == 4){//判断响应状态if(http_request.status == 200){//获得服务器响应的数据var res = http_request.responseText;//注意这里是通过在servlet中用out.println("****");所传输的数据,你也可以用XML的格式来发送,那就为var res = http_request.responseXML;然后可以使用res.getElementsByTagName等DOM的解析方法来解析;这个可以到网上查到相关资料//alert(res);if(res == "true"){document.getElementById("result").innerHTML = "<font color='red'>此用户名已经被注册了</font>";document.getElementById("submit").disabled = true;}else{document.getElementById("result").innerHTML = "<font color='blue'>此用户名没有被注册</font>";document.getElementById("submit").disabled = false;}}}}</script></head><body style="test-align:center" onload="add()"><table align="center" cellspacing="0" width="500" border="0"><tr><td width="100">用 户 名</td><td width="200"><input type="text" id="text" onblur="test()"/></td><td width="200" id="result"></td></tr><tr align="center"><td colspan="2"><input type="button" value="注册" id="submit" disabled="disabled"/></td><td></td></tr></table></body></html>