Ajax验证用户名是否存在

最近用到了Ajax,下面给出一个简单的验证用户名的实现。


// 首先创建一个xmlHttpReq对象,非IE浏览器使用new XMLHttpRequest()
  var xmlHttpReq;
        function createXMLHttpRequest(){
             if(window.ActiveXObject){
              xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");
              }else{
              xmlHttpReq = new XMLHttpRequest();
             }
          }

//这是表单验证触发函数
function check(){
                createXMLHttpRequest();
                var usermail =document.getElementById("usermail").value;
                //将邮箱提交给一个Servlet
                var url="CheckUser?usermail="+usermail;
                 //采用Get的请求方式
                xmlHttpReq.open("GET",url,true);
                xmlHttpReq.onreadystatechange = showResult;
                //onreadystatechange的值改变时触发的showResult函数
                  xmlHttpReq.send();
 }
  //返回响应信息,并显示在一个DIV中
function showResult(){
                if(xmlHttpReq.readyState == 4){
                    if(xmlHttpReq.status == 200){
                      //将响应信息作为字符串返回
                        var result = xmlHttpReq.responseText;
     var checkResult = document.getElementById                    ("checkResult").innerHTML="<b>"+result+"</b>";                    }
                }
            }
//页面

邮箱:
<input type="text" id="usermail" onblur="check()">
<span id="checkResult" style="float:left"></span>

//servlet中只要用response对象打印相应信息即可

你可能感兴趣的:(Ajax,servlet,浏览器,IE)