php ajax用戶登錄代碼

一款入門級的ajax用戶登錄代碼，有需要的初學者可以參考一下，

login.html

 代碼如下 復制代碼 <input name=username type=text /> 用戶名
<input name=password type=password />密碼
<input type=button value=提交 />

js代碼

 代碼如下 復制代碼

function chk_login(form){
    var username=form.username;
    var password=form.password;
    if(username.value == ""){
        alert("用戶名不能為空");
        username.focus();
        return false;
    }
    if(password.value == ""){
        alert("密碼不能為空");
        password.focus();
        return false;
    }

    var url = 'login_chk.php?username='+username.value+'&password='+password.value;
    xmlhttp.open('get',url,true);
//為什麼下面加了下面注釋掉的代碼後，會沒反應了，沒加就有反應，我的php文件路徑都是正確的，也有引入xmlhttprequest.js
xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState == 4){
            if(xmlhttp.status == 200){
                var msg = xmlhttp.responseText;
                if(msg == "1"){
                    alert("登陸成功");
                    window.location='index.php?name='+username.value;
                }else if((msg == "2"){
                    alert("登陸用戶名或密碼錯誤");
                }else{
                    alert(msg);
                }
            }
        }
    }
    xmlhttp.send(null);*/
}

ogin

_chk.php

 代碼如下 復制代碼 <?
echo 1
?>

因為是測試文件所以沒讀取數據庫了，這裡就不寫了有需要的朋友可以自己加上讀數據庫用戶名記錄，如果存在就返回1就可以了。

有關教程可以參考

http://www.bKjia.c0m/phper/php-cy/34654.htm

http://www.bKjia.c0m/phper/21/46169c59dabdf0501de3d9ac9653e096.htm