ajax PHP实现注册的方法:1、创建login.html注册登录页面;2、通过jquery代码实现验证码验证;3、使用PHP代码userLogin.PHP和addUser.PHP实现用户登录和注册功能即可。
本文操作环境:Windows7系统、PHP7.1版、Dell G3电脑。
HTML代码,login.html
<form> <label>用户名</label><input id=user-name type=text name= /> <label>密码</label><input id=user-password type=password name= /> <label>验证码</label><input id=code type=text name= /><img src=PHP/getVerify.PHP alt= /> <p class=clear></p> <button type=button id=login>登录</button> <button type=button id=sign>注册</button> </form>
jquery代码,login.js
$('img').click(function(){ $('img').attr('src','PHP/getVerify.PHP?'+Math.random());//刷新验证码 }) $('#login').click(function(){ var username=$('#user-name').val(); var password=$(#user-password).val(); var code=$(#code).val(); if(username!=&&password!=&&code.length==4){ $.ajax({ type:POST, url:PHP/userLogin.PHP, dataType:JSON, data:{ user_name:username, password:password, code:code }, success:function(data){ switch(data){ case 1://普通用户 $.cookie(user,username); $.cookie(limit,0); window.location.href=index.PHP; break; case 2://管理员用户 $.cookie(user,username); $.cookie(limit,1); window.location.href=index.PHP; break; case 3://密码错误 alert(密码错误!); break; case 4://用户不存在 alert(该用户不存在!); break; case 0://验证码错误 alert(验证码不正确!); break; } } }) }else{ alert(请检查您的输入!); } }) $('#sign').click(function(){ var username=$('#user-name').val(); var password=$(#user-password).val(); var code=$(#code).val(); if(username!=&&password!=&&code.length==4){ $.ajax({ type:POST, url:PHP/addUser.PHP, dataType:JSON, data:{ user_name:username, password:password, code:code }, success:function(data){ switch(data){ case 1://用户已存在 alert(该用户已存在!请换一个用户名注册。) break; case 2://注册成功 alert(注册成功!); $.cookie(user,username); $.cookie(limit,0); window.location.href=index.PHP; break; case 0://验证码错误 alert(验证码不正确!); break; } } }) }else{ alert(请检查您的输入!); } })
<?PHP header(Content-type: text/html; charset=UTF-8); session_start(); $name = $_POST['user_name']; $password=$_POST['password']; $code=$_POST['code']; $con=MysqL_connect('localhost','root',''); if(!$con){ die('error:'.MysqL_error()); } MysqL_select_db('db_name'); $result=MysqL_query(select * from users where user_name='$name'); if($_SESSION['verify']==$code){ if($row=MysqL_fetch_array($result)){ if($row['password']==$password){ if($row['power']==0){ echo 1;//普通用户 }else{ echo 2;//管理员用户 } }else{ echo 3;//密码错误 } }else{ echo 4;//用户不存在 } }else{ echo 0;//验证码错误 }
addUser.PHP
<?PHP header(Content-type: text/html; charset=UTF-8); session_start(); $name = $_POST['user_name']; $password=$_POST['password']; $code=$_POST['code']; $con=MysqL_connect('localhost','root',''); if(!$con){ die('error:'.MysqL_error()); } MysqL_select_db('db_name'); $result=MysqL_query(select * from users where user_name='$name'); if($_SESSION['verify']==$code){ if($row=MysqL_fetch_array($result)){ echo 1;//用户已存在 }else{//注册成功 MysqL_query(insert into `users` (`user_name`,`password`) values ('$name','$password')); echo 2; } }else{ echo 0; }
推荐学习:《PHP教程》
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。