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相关文章