一款入門(mén)級(jí)的ajax用戶登錄代碼,有需要的初學(xué)者可以參考一下.

login.html代碼如下:

1. <input name=username type=text /> 用戶名 
2. <input name=password type=password />密碼 
3. <input type=button value=提交 /> 

js代碼,代碼如下

1. function chk_login(form){ 
2.     var username=form.username; 
3.     var password=form.password; 
4.     if(username.value == ""){ 
5.         alert("用戶名不能為空"); 
6.         username.focus(); 
7.         return false; 
8.     } 
9.     if(password.value == ""){ 
10.         alert("密碼不能為空"); 
11.         password.focus(); 
12.         return false; 
13.     } 
14.     var url = 'login_chk.php?username='+username.value+'&password='+password.value; 
15.     xmlhttp.open('get',url,true); 
16. //為什么下面加了下面注釋掉的代碼后，會(huì)沒(méi)反應(yīng)了，沒(méi)加就有反應(yīng)，我的php文件路徑都是正確的，也有引入xmlhttprequest.js 
17. xmlhttp.onreadystatechange = function(){ 
18.         if(xmlhttp.readyState == 4){ 
19.             if(xmlhttp.status == 200){ 
20.                 var msg = xmlhttp.responseText; 
21.                 if(msg == "1"){ 
22.                     alert("登陸成功"); 
23.                     window.location='index.php?name='+username.value; 
24.                 }else if((msg == "2"){ 
25.                     alert("登陸用戶名或密碼錯(cuò)誤"); 
26.                 }else{ 
27.                     alert(msg); 
28.                 } 
29.             } 
30.         } 
31.     } 
32.     xmlhttp.send(null);*/ 
33. } 

ogin_chk.php,代碼如下:<? echo 1?>

因?yàn)槭菧y(cè)試文件所以沒(méi)讀取數(shù)據(jù)庫(kù)了,這里就不寫(xiě)了有需要的朋友可以自己加上讀數(shù)據(jù)庫(kù)用戶名記錄,如果存在就返回1就可以了。