ajaxphp该如何实现注册
ajax php该如何实现注册,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
成都创新互联公司长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为可克达拉企业提供专业的网站建设、做网站,可克达拉网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。
ajax php实现注册的方法:1、创建login.html注册登录页面;2、通过jquery代码实现验证码验证;3、使用PHP代码userLogin.php和addUser.php实现用户登录和注册功能即可。
本文操作环境:Windows7系统、PHP7.1版、Dell G3电脑。
ajax php怎么实现注册?
jQuery+ajax+php实现注册登录功能
html代码,login.html
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代码,userLogin.php
addUser.php
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
网站题目:ajaxphp该如何实现注册
标题网址:http://lswzjz.com/article/jophoc.html