ajax 验证用户名是否存在

//验证用户名是否存在
<script>
var xhr;
创建XMLHttpRequest对象
//初始化XMLHttpRequest
function createXHR(){
    try{
       return new XMLHttpRequest();//ie7以后版本
    }catch{
        return new ActiveXObject("MIcrosoft.XMLHTTP");
        //ie7以前版本
    }
}

function checkName(){
   xhr=createXHR();
   var name=document.getElementBId("username").value;
   xhr.onreadystatechange=callback;//回调函数
   
   xhr.open("open","URL",true);
   //请求头
   xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   
   xhr.send("username="+name);
}

function callback(){
    //就绪状态==4并且状态码==200正常
    if(xhr.readystate==4&&xhr.status==200){
         var msg=document.getElementBId("umsg");
         var result=xhr.responseText;//获取servlet返回值
         if(){
           msg.innerHTML="用户名已存在";
         }else{
             msg.innerHTML="该用户名可用";
         }
    }
}
</script>


posted @ 2019-04-14 16:58  小可默  阅读(1058)  评论(0)    收藏  举报