一款入门级的ajax用户登录代码,有需要的初学者可以参考一下.

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. //为什么下面加了下面注释掉的代码后，会没反应了，没加就有反应，我的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("登陆用户名或密码错误"); 
26.                 }else{ 
27.                     alert(msg); 
28.                 } 
29.             } 
30.         } 
31.     } 
32.     xmlhttp.send(null);*/ 
33. } 

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

因为是测试文件所以没读取数据库了,这里就不写了有需要的朋友可以自己加上读数据库用户名记录,如果存在就返回1就可以了。

Tags: php ajax 用户登录

分享到：