从 Javascript 中的 PHP 数据库访问 table

Question

我创建了一个登录页面，允许您使用用户名和密码登录。但是，目前您总是被重定向到“个人资料”页面，然后 PHP 检查登录数据是否正确，因为数据在数据库中。因此，我有直接在登录页面上使用验证功能的想法，以检查数据是否正确，然后我只创建一个会话。有谁知道我该怎么做？这是代码：

    <?php session_start();?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Login</title>
    <link href="bootstrap_style.css" rel="stylesheet" id="bootstrap-css"> <!-- maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css -->
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <!-- //maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js or bootstrap.js-->
    <script src="jquery.js"></script> <!-- //cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js -->
    <link rel="stylesheet" href="style.css">
  </head>
  <body>

    <div class="wrapper fadeInDown">
      <div id="formContent">
        <!-- Tabs Titles -->

        <!-- Icon -->
        <div class="fadeIn first">
          <img src="default_logo2.png" id="icon" alt="User Icon" onclick="window.open('url', '_blank');"/>
        </div>

        <!-- Login Form -->
        <form action="searchpage.php" method="post" onsubmit="validateForm(event);">
          <input type="text" id="login" class="fadeIn second" name="username" placeholder="username">
          <input type="password" id="password" class="fadeIn third" name="password" placeholder="password">
          <input type="submit" class="fadeIn fourth" value="Log In">
        </form>

        <!-- Remind Passowrd -->
        <div id="formFooter">
          <a class="underlineHover" style="color:red" id="warning"></a>
        </div>
      </div>
    </div>
  </body>
</html>
<script type="text/javascript">
function validateForm(event) {
  var input_username = document.getElementById("login");
  var input_password = document.getElementById("password");
  if (input_username.value == '' || input_username.value.charAt(0) == ' ' || input_password.value == '') {
    event.preventDefault();
    document.getElementById("warning").innerHTML = "Fill empty fields!";
  }
  else {
    return true;
  }
}
</script>

有了这个我到达了数据库：

$pdo = new PDO('mysql:host=localhost;dbname=ausleihe', 'root', '');

也就是 SELECT:

$login_session = "SELECT * FROM login WHERE username = '".$hereshouldbetheusernamefromform."' AND password = '".herethepasswordfromform."'";

如果您需要更多代码或有任何疑问，请问我！谢谢

Answer 1

客户端 JavaScript不能直接访问主机端 PHP程序，除非通过AJAX 来电。只有主机端软件可以访问主机端数据库。

从 Javascript 中的 PHP 数据库访问 table

access table from PHP database in Javascript

javascript

php

database

authentication

pdo