从HTML表单提交时从JavaScript运行php

Question

我有一个基本的登录/注册表格。 当您选择注册时，它会转到我的注册表单中。 我的问题是登录。 我想检查数据库中的登录信息，然后显示另一个标题部分。 我是一名学生，并且对如何执行此操作的所有不同信息感到困惑。

目前，我在单击登录名时调用了一个javascript函数，但随后我想调用我的php文件access.php，返回到我的html页面index.php，我要在该页面中检查用户是否已登录，如果显示则登录了.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';
            }
        ?>

任何帮助将不胜感激

Answer 1

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

您实际上并不需要javascript和ajax来使其正常工作。 直到且除非您不需要在后台进行任何操作，并且一切顺利，请转到仪表板页面。

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

您可以csn遵循这两个教程中的任何一个入门。

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/

从HTML表单提交时从JavaScript运行php

问题描述

1 个解决方案

解决方案1
0 2016-05-05 16:56:38

从HTML表单提交时从JavaScript运行php

问题描述

1 个解决方案

解决方案1 0 2016-05-05 16:56:38

解决方案1
0 2016-05-05 16:56:38