在 javascript 中访问 PHP 变量

Question

Good day to all of you Ma'am and Sir

I have a problem to my project (never mind the name of the project because it is for privately use and it is for security of the website).

The problem is I can not access or forward the PHP Variable value to the external javascript file.

this is the code in insert.php

<?php
    $username = $_POST['username'];
 ?>
<input type="text" id="code"/>
<button id="con_btn"/>Continue</button>

this is the code in insert_auth.js

$(document).ready(function(){
    $("#con_btn").click(function(){
        var code = $("#code").val();

        $.ajax({
            method: "post",
            url: "post.php",
            data:{
                code:code,
                },
            success: function(data){
                $("#insertresult").html(data);
            }
        });
    });
});

I just want to get the value of the $username from php file. Thanks in advance!

Answer 1

I take it as you already have the POST value : $_POST['username']; . So, I'd suggest you to store this value as a hidden input field.

<?php $_SESSION['username'] = $_POST['username']; // Store username in session ?>

<input type="text" id="code"/>
<button id="con_btn"/>Continue</button>

Now, in your JS, you can access this hidden field value:

$(document).ready(function(){
    $("#con_btn").click(function(){
        var code = $("#code").val();
        var username = "<?php echo $_SESSION['username']; ?>"  // Read username from session
        $.ajax({
          /* Other code */
        });
    });
});