ajax php怎麼實現註冊

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

<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程式碼，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;
}

推薦學習：《》

以上就是ajax php怎麼實現註冊的詳細內容，更多請關注TW511.COM其它相關文章！