用Javascript从PHP数据库访问表答案

【问题标题】：access table from PHP database in Javascript用Javascript从PHP数据库访问表
【发布时间】：2021-12-03 04:32:51
【问题描述】：

我创建了一个登录页面，允许您使用用户名和密码登录。但是，目前您总是被重定向到“个人资料”页面，然后由 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', '');

那就是选择：

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

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

【问题讨论】：

标签： javascript php database authentication pdo

【解决方案1】：

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

【讨论】：

谢谢你。我学习了 AJAX 请求，现在我可以做更多事情了 :)