一款入门级的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
因为是测试文件所以没读取数据库了,这里就不写了有需要的朋友可以自己加上读数据库用户名记录,如果存在就返回1就可以了。
有关教程可以参考
http://www.phprm.com
http://www.phprm.com
本文地址:http://www.phprm.com/base/40120.html
转载随意,但请附上文章地址:-)