ajax php怎么实现注册

发布时间:2022-05-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ajax php怎么实现注册脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

ajax phP实现注册的方法:1、创建login.htML注册登录页面;2、通过jquery代码实现验证码验证;3、使用PHP代码userLOGin.php和addUser.php实现用户登录和注册功能即可。

ajax php怎么实现注册

本文操作环境:Windows7系统、PHP7.1版、Dell G3脑。

ajax php怎么实现注册?

jQuery+ajax+php实现注册登录功能

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

$(&#39;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!=""&amp;&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

<?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视频教程》

以上就是ajax php怎么实现注册的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的ajax php怎么实现注册全部内容,希望文章能够帮你解决ajax php怎么实现注册所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:php