在 HTML Javascript 表单中捕获/读取 PHP 会话变量？答案

【问题标题】：Catch / Read PHP Session Variable inside HTML Javascript Form?在 HTML Javascript 表单中捕获/读取 PHP 会话变量？
【发布时间】：2019-10-30 03:29:43
【问题描述】：

我有登录表单（HTML JS），我通常使用 PHP 创建登录表单，并使用会话变量，但现在我必须在客户端只使用 HTML，只在服务器端使用 PHP。现在我很困惑如何在登录后的第二个或登陆表单上阅读 HTML 中的 Session Variale。这是我的代码

index.html

<script>
  $(document)
    .ready(function() {
         
      $("#SAVE").on('click', function(){
          
         
           var EMAIL = $("#EMAIL").val();
           var PASS =  $("#PASS").val();
 
             //alert(EMAIL);
             //alert(PASS);
          
           $.post("index-action.php", {email: EMAIL, pass: PASS}, function(datane) {
          
                //$( ".result" ).html( datane );
                if(datane == "sukses"){
                            
                    alert('Login berhasil '); 
                    location.href = '/buku/utama.html';                 
                                        
                }
                else{
                    alert('Input Gagal');
                }///end if 
            });//end post
    
      });//end save
      
     
    })
  ;
  </script>
<body>

<div class="ui middle aligned center aligned grid">
  <div class="column">
    <h2 class="ui teal image header">
      <img src="./login_files/logo.png" class="image">
      <div class="content">
        Log-in Crud Master
      </div>
    </h2>
    <form class="ui large form" id="LOGIN">
      <div class="ui stacked segment">
        <div class="field">
          <div class="ui left icon input">
            <i class="user icon"></i>
            <input type="text" name="email" id="EMAIL" placeholder="E-mail address">
          </div>
        </div>
        <div class="field">
          <div class="ui left icon input">
            <i class="lock icon"></i>
            <input type="password" name="password" id="PASS" placeholder="Password">
          </div>
        </div>
          
        <div class="ui fluid large teal submit button" type="submit" id="SAVE">Login</div>
      </div>

      <div class="ui error message"></div>

    </form>

    <div class="ui message">
      New to us? <a href="https://semantic-ui.com/examples/login.html#">Sign Up</a>
    </div>
  </div>
</div>

</body>

在操作表单/服务器端 index-action.php

<?php
session_start();
include "koneksi.php";

   $email    = $_POST['email'];
   $pass     = $_POST['pass'];
  
       $sql = "SELECT * FROM user where email = '$email' and pass = '$pass'";
      
      
    $hasil = mysqli_query($mysqli, $sql);
    $data = mysqli_fetch_assoc($hasil);
    if($data['ID']){
        
        $_SESSION['user'] = $data['user'];
        $_SESSION['hak']  = $data['hak'];
        
    } 
    
    
    if ($hasil) {
        echo "sukses";

    } else {
        echo "input gagalx";

    }   
        
?>

好的，该代码工作正常，我可以在登录后转到 utama.html，但我的问题是，如何获得

$_SESSION['user'];

$_SESSION['hak'];

在 utama.html 文件中。我知道我不能在 HTML 中使用 PHP？

谁能帮忙解决这个问题，

非常感谢您的回答。

谢谢

【问题讨论】：

这不是 HTML 问题，而是客户端/服务器问题，即客户端托管在不同的 Web 服务器上。例如，您可以允许从客户端服务器到您的 PHP 服务器的 ajax 调用，并调用 ajax 来检索会话数据，然后在您的客户端 JavaScript 中使用它。还要考虑使用这种方法可能遇到的安全问题。确保只有您的客户端 Web 服务器可以使用会话数据。
好的@AnatoliyR 你的回答想法到底如何？
How do I pass variables and data from PHP to JavaScript?的可能重复

标签： javascript php jquery html json

【解决方案1】：

要读取 ja 文件中的任何类型的 php 变量，您需要以 json 编码格式发送这些变量。然后将该值保存在您的 js 文件中并分配给 cookie。这样您就可以轻松跟踪哪个用户登录了。注意：你必须在你的js中设置cookie。

如果您有任何疑问，请告诉我。

【讨论】：

【解决方案2】：

好的，

我知道 The Alternative，我在 Javascript 中使用了 localStorage 函数，所以我可以像 Session 一样使用它。

谢谢

【讨论】：