用Javascript从PHP数据库访问表

Posted

技术标签:

【中文标题】用Javascript从PHP数据库访问表【英文标题】:access table from PHP database in Javascript 【发布时间】: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"  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."'";

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

【问题讨论】:

【参考方案1】:

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

【讨论】:

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

以上是关于用Javascript从PHP数据库访问表的主要内容,如果未能解决你的问题,请参考以下文章

MySQL权限表,从PHP访问以在另一个数据库中使用?

如何查看谁通过wifi从Web服务访问我的IP地址[关闭]

从 Functions.php 访问插件数据

是否可以直接从 Javascript 访问 MySQL 数据库

Web架构之单机时代

linux TLB表