将PHP变量传递到Jquery弹出窗口

Question

I have the following setup: JQuery:

$('.btn-setting').click(function(e){
        e.preventDefault();
        $('#myModal').modal('show');
    });

Which opens a HTML file as a Dialog box, the problem is that I cannot pass any PHP variables onto the page for reference:

<a href="<?= echo $UserID; ?>" class="btn btn-info btn-setting">Click for dialog</a>

Anyone suggest a method to enable me to do so?

---

Alright. The problem is now, i'm viewing the source of the page.. Yet, it's showing what i'm expecting, now When I click the button to bring up the dialog box, it's showing different data...

Not recommended I know, but heres a live:

92.236.219.136/Admin/

User: Stack

Pass: stack

Answer 1

This is the most robust way, especially if you want to pass more than just one string:

<?php

// Call this function to pass an object to the JS code
function php_vars_to_js($id, $obj) {
  echo "<script id='$id' type='text/php_data'>";
  echo htmlspecialchars( json_encode( obj ) );
  echo '</script>';
}

// for examlpe
php_vars_to_js( "php_vars", array("a_string" => "foo", "a_num" => 12 ) );

And then read it this way:

var php_vars = $.jsonDecode( $("php_vars").text() );

Answer 2

You can get the passed href in jQuery like this:

$('.btn-setting').click(function(e){
    e.preventDefault();
    var passedValue = $(this).attr('href');
    // passedValue contains your <?=$UserID?> from the link
    // ...
    $('#myModal').modal('show');
});

Answer 3

<a href="<?php echo $UserID; ?>" class="btn btn-info btn-setting">Click for dialog</a>

你在回声回声

Answer 4

You can use tha data attribute, like this:

<a href="<?php echo $UserID; ?>" data-variable1="<?php echo $UserID; ?>" class="btn btn-info btn-setting">Click for dialog</a>

And in your JS:

$('.btn-setting').click(function(e){
        e.preventDefault();
        var1 = $(this).attr("data-variable1"); // Here is your PHP Variable now.. you can handle it to your Modal etc..
        $('#myModal').modal('show');
});