Home  >  Article  >  Backend Development  >  How to implement registration in ajax php

How to implement registration in ajax php

藏色散人
藏色散人Original
2022-01-06 10:55:402186browse

Ajax php method to implement registration: 1. Create login.html registration login page; 2. Implement verification code verification through jquery code; 3. Use PHP codes userLogin.php and addUser.php to implement user login and registration Just function.

How to implement registration in ajax php

The operating environment of this article: Windows 7 system, PHP version 7.1, Dell G3 computer.

How to register with ajax php?

jQuery ajax php implements registration and login function

html code, 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 code, login.js

$(&#39;img&#39;).click(function(){
		$(&#39;img&#39;).attr(&#39;src&#39;,&#39;php/getVerify.php?&#39;+Math.random());//刷新验证码
	})
	$(&#39;#login&#39;).click(function(){
		var username=$(&#39;#user-name&#39;).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("请检查您的输入!");
		}
	})
	$(&#39;#sign&#39;).click(function(){
		var username=$(&#39;#user-name&#39;).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 code, userLogin.php

<?php
header("Content-type: text/html; charset=UTF-8");
session_start();
$name = $_POST[&#39;user_name&#39;];
$password=$_POST[&#39;password&#39;];
$code=$_POST[&#39;code&#39;];
$con=mysql_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;);
if(!$con){
	die(&#39;error:&#39;.mysql_error());
}
mysql_select_db(&#39;db_name&#39;);
$result=mysql_query("select * from users where user_name=&#39;$name&#39;");
if($_SESSION[&#39;verify&#39;]==$code){
	if($row=mysql_fetch_array($result)){
		if($row[&#39;password&#39;]==$password){
			if($row[&#39;power&#39;]==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[&#39;user_name&#39;];
$password=$_POST[&#39;password&#39;];
$code=$_POST[&#39;code&#39;];
$con=mysql_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;);
if(!$con){
    die(&#39;error:&#39;.mysql_error());
}
mysql_select_db(&#39;db_name&#39;);
$result=mysql_query("select * from users where user_name=&#39;$name&#39;");
if($_SESSION[&#39;verify&#39;]==$code){
    if($row=mysql_fetch_array($result)){
        echo 1;//用户已存在
    }else{//注册成功
        mysql_query("insert into `users` (`user_name`,`password`) values (&#39;$name&#39;,&#39;$password&#39;)");
        echo 2;
    }
}else{
    echo 0;
}

Recommended learning: "PHP Video Tutorial"

The above is the detailed content of How to implement registration in ajax php. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn