一款入門級的ajax使用者登入代碼,有需要的初學者可以參考一下,
login.html
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
因為是測試檔案所以沒讀取資料庫了,這裡就不寫了有需要的朋友可以自己加上讀資料庫使用者名稱記錄,如果存在就返回1就可以了。
有關教程可以參考
http://www.bKjia.c0m/phper/php-cy/34654.htm
http://www.bKjia.c0m/phper/21/46169c59dabdf0501de3d9ac9653e096.htm
http://www.bkjia.com/PHPjc/631323.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/631323.htmlTechArticle一款入門級的ajax使用者登入代碼,有需要的初學者可以參考一下, login.html 代碼如下 複製代碼 input name=username type=text / 使用者名稱 input name=passw...