日期:2014-05-17  浏览次数:20809 次

怎么用Ajax验证用户
各位高手 请教下怎么用Ajax通过数据库验证用户是否已存在 谢谢

------解决方案--------------------
var checkName=false; //检验用户名是否存在

//设一个变量
var XMLHttpReq=false;
//创建一个XMLHttpRequest对象
function createXMLHttpRequest(){
if(window.XMLHttpRequest){ //Mozilla
XMLHttpReq=new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");//只能占 过去看看吧恩
}catch(e){
try{
XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
}
function send(url){
createXMLHttpRequest();
XMLHttpReq.open("GET",url,true);
XMLHttpReq.onreadystatechange=proce; 
XMLHttpReq.send(null); //发送请求
}
//回调函数,在servlet中使用out打印一个字符来判断
function proce(){
if(XMLHttpReq.readyState==4){ //
if(XMLHttpReq.status==200){//
var msg = XMLHttpReq.responseText;//接受servlet中打印的值
if(msg==1){ //我这里是存在打印一个1
checkName = true;
}else{
checkName = false;
}
}
}
}
function checkUserName(){//检验用户名是否存在
var login = document.getElementById("username").value;
send('UserNameServlet?username='+login);//在这里
}

不好意思,csdn有时候代码标签不出来的,所以我只好这样写了。。慢慢看下吧。。
------解决方案--------------------
JScript code

function validateClientId(field){
    
        if(trim(field.value) != ""){

            var xmlHttp = null;
            if(window.XMLHttpRequest){
                xmlHttp = new XMLHttpRequest();
            }else if(window.ActiveXObject){
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            
            var url = "servlet/ClientIdValidateServlet?clientId=" + trim(field.value);
            xmlHttp.open("GET", url,true);
            xmlHttp.onreadystatechange=function(){
                if(xmlHttp.readyState == 4){
                    if(xmlHttp.status == 200){
                        if(trim(xmlHttp.responseText) != ""){
                            document.getElementById("spanClientId").innerHTML = "<font color='red'>" + xmlHttp.responseText + "<font>";
                        }else{
                            document.getElementById("spanClientId").innerHTML = "";
                        }        
                    }else{
                        alert("请求失败,错误码=【" + xmlHttp.status + "】");
                    }
                }
            };
            xmlHttp.send(null);
        }else{
            document.getElementById("spanClientId").innerHTML = "<font color='red'>分销商代码不能为空<font>";
        }
    }

------解决方案--------------------
这是焦点移开事件,用js写的。如果有不懂可以问我。
------解决方案--------------------
baidu例子一大把