首页 › JavaScript › Ajax验证用户名是否存在

forhope 发表于 2013-1-23 02:27:58

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" ><span id="checkResult" style="float:left"></span>//servlet中只要用response对象打印相应信息即可

查看完整版本: Ajax验证用户名是否存在