php结合ajax进行用户注册登录验证

最新推荐文章于 2022-11-17 23:29:35 发布

Jeasu_0908

最新推荐文章于 2022-11-17 23:29:35 发布

阅读量1.8k

点赞数 1

分类专栏： php 文章标签： php+ajax+mysql 用户注册登录验证

本文链接：https://blog.csdn.net/jeasu_0908/article/details/85222508

版权

php 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

思路：
将从前端页面获取到的用户名和密码存到ajax发送请求的url中，后端通过url中所携带的数据信息进行验证。

我将注册和登录的php文件合并成一个文件，在注册、登录页面中的ajax发送请求的url中设置了flag，来判断php中执行注册功能还是登录验证功能，注册页面中flag=register，登录页面中flag= login。

1、注册页面代码如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>
<body>
    <p>用户名：<input type="text" id="uname"/></p>
    <p>密  码：<input type="password" id="upwd"/></p>
    <p id="info"></p>
    <input type="submit" value="注册" id="btn">
</body>
</html>
<script>
    var uName = document.getElementById("uname");
    var uPwd = document.getElementById("upwd");
    var info = document.getElementById("info");
    var oBtn = document.getElementById("btn");
    oBtn.onclick = function(){
        var sName = uName.value;
        var sPwd = uPwd.value;
        if(sName == "" || sPwd == ""){
            return
        }
        var xhr = new XMLHttpRequest();
        xhr.open("get","together.php?flag=register&uname="+sName+"&upwd="+sPwd,true);
        xhr.send();
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200){
                var res = xhr.responseText;
                if(res == 1){
                    info.innerHTML = "登陆成功";
                    window.location.href = "login.html";
                }else if(res == 2){
                    info.innerHTML = "注册失败";
                }else{
                    info.innerHTML = "用户名已存在，请重新注册";
                }
            }
        }
    }
</script>

注意**：
注册页面中ajax的请求路径，flag为register，带着从前端页面获取的具体的数据信息，向后端数据库发送请求，存入成功后跳转到登录页面。

2、登录页面如下：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
    <p>用户名：<input type="text" id="uname"/></p>
    <p>密  码：<input type="password" id="upwd"/></p>
    <p id="info"></p>
    <input type="submit" value="登录" id="btn">
</body>
</html>
<script>
    var uName = document.getElementById("uname");
    var uPwd = document.getElementById("upwd");
    var info = document.getElementById("info");
    var oBtn = document.getElementById("btn");
    oBtn.onclick = function(){
        var sName = uName.value;
        var sPwd = uPwd.value;
        if(sName == "" || sPwd == ""){
            return
        }
        var xhr = new XMLHttpRequest();
        xhr.open("get","together.php?flag=login&uname="+sName+"&upwd="+sPwd,true);
        xhr.send();
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4 && xhr.status == 200){
                var res = xhr.responseText;
                if(res == 1){
                    info.innerHTML = "登陆成功";
                    window.location.href = "index.html";
                }else if(res == 2){
                    info.innerHTML = "密码不正确";
                }else{
                    info.innerHTML = "用户名不存在，请重新输入";
                }
            }
        }
    }
</script>

注意**:
登录页面中ajax的请求路径，flag为login，也带着从前端获取的具体的数据信息，向后端发送验证请求，验证成功后跳转到首页index.html。

3、php执行程序如下：

<?php
	header("content-type:text/html;charset=utf-8");
	$uname = $_GET["uname"];
	$upwd = $_GET["upwd"];
	$flag = $_GET["flag"];
	mysql_connect("127.0.0.1","root","root");
	mysql_select_db("1127");
	mysql_query("set names utf8");
	$sql = "select * from `user` WHERE uname='$uname'";
	$res = mysql_query($sql);
	$arr = mysql_fetch_assoc($res);
	if($flag == "register"){   //当传入的路径告诉你是注册页面时进行以下判断
	    if($arr){        //如果用户名已存在则不能再次注册
	        echo 0;    
	    }else{       //如果不存在，则可以注册
	        $sql = "insert into `user` (uname,upwd) values ('$uname','$upwd')";
	        $res = mysql_query($sql);
	        if($res){
	            echo 1;
	        }else{
	            echo 2;
	        }
	    }
	}else if($flag == "login"){       //当传入的路径告诉你是登录页面时进行以下判断
	    if($arr){     //如果用户名已存在则继续判断密码是否对应
	        if($upwd == $arr["upwd"]){    
	            echo 1;
	        }else{
	            echo 2;
	        }
	    }else{
	        echo 0;
	    }
	}
?>