从HTML表格

时间:2016-05-05 16:42:38

标签: javascript php jquery ajax html5

我有一个基本的登录/注册表格。当您选择注册时,它会转到我的注册表单确定。我的问题是登录。我想检查数据库中的登录信息,然后显示不同的标题部分。我是一名学生,对如何做到这一点的所有不同信息感到困惑。

目前,我在点击登录时调用了一个javascript函数,但后来我想调用我的php文件access.php,返回到我的html页面index.php,我想检查用户是否已登录,如果是,则显示logged_in.html.php。

login_register_form.html.php

<div id="login_form">
  <form action="access.php" method="POST" name="login_form">
    <label id="label_email">Email<span class ="red">*</span></label>
    <label id="label_password">Password<span class ="red">*</span></label>
    </br>
        <input type="text" name="email" id="email"/>
        <input type="password" name="password" id="password"/>
    <div id="form_buttons">
        <button onclick="loginUser()" Type="button" id="login" name="action" value="login">Login</button>       
        <button onclick="newUser()" Type="button" id="register" name="register">Register</button>
    </div>
  </form>

的javascript

function loginUser() {
    $.ajax({
        url: 'access.php',
        dataType: 'php'
    })
    window.location.assign("index.php");
}

access.php

function userIsLoggedIn()
{
    if (isset($_POST['action']) and $_POST['action'] == 'login')
    {
        if (!isset($_POST['email']) or $_POST['email'] == '' or
        !isset($_POST['password']) or $_POST['password'] == '')
        {
            $GLOBALS['loginError'] = 'Please fill in both fields';
            return FALSE;
        }
        if (databaseContainsUser($_POST['email'], $password))
        {
            session_start();
            $_SESSION['loggedIn'] = TRUE;
            $_SESSION['email'] = $_POST['email'];
            $_SESSION['password'] = $password;
            return TRUE;
        }
        else
        {
            session_start();
            unset($_SESSION['loggedIn']);
            unset($_SESSION['email']);
            unset($_SESSION['password']);
            $GLOBALS['loginError'] =
            'The specified email address or password was incorrect.';
            return FALSE;
        }
    }
}
function databaseContainsUser($email, $password)
{
    require_once('mysqli_connect.php');
    $username = $password = "";

    if (isset($_POST["submit"])){
       $username = test_input($_POST["username"]);
       $password = test_input($_POST["password"]);
    }

    $query = "SELECT * FROM users 
        WHERE username='".$_POST['username']."' 
        AND password = '".($_POST['password'])."'";

    $result = mysqli_query($DBConnect, $query) or die();
    if (mysqli_num_rows($result) > 0) {
        while($row = mysqli_fetch_array($result)) {
            echo "<img src={$row["avatar"]} alt='avatar image' />";
        }
        return TRUE;
    }
    else {
        echo "Invalid login";
        return FALSE;
    }
}

和index.php

<?php 
session_start();

if (!isset($_SESSION['loggedIn'])){
    include 'access.php';
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type ="text/javascript" src="functions.js"></script>
</head>

<body>
  <div id="body">
    <div id="container">
        <?php if (!isset($_SESSION['loggedIn'])){
                include 'login_register_form.html.php';
            }
            else {
                include 'logged_in.html.php';
            }
        ?>

任何帮助都将非常感谢

1 个答案:

答案 0 :(得分:0)

我可以向您解释一个简单的过程,您需要遵循该过程才能使其正常运行。

你真的不需要javascript和ajax来让它工作。除非你不需要在后台发生的事情,如果一切顺利,请转到仪表板页面。

您可以拥有一个用户输入电子邮件和密码的登录页面。在提交表单后,您将访问access.php页面。哪个连接到db并检查凭据是否正确以及用户是否存在。如果一切顺利的话。然后只需将用户重定向到带有会话的仪表板页面,如果事情没有按计划顺利发送,则将用户发送到主页并显示错误。

您可以按照这两个教程中的任何一个来开始。

http://www.codingcage.com/2015/01/user-registration-and-login-script-using-php-mysql.html?m=1。或

https://htmlcssphptutorial.wordpress.com/2015/07/07/simple-user-registration-login-script-in-php-and-mysql/