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

Question

我有以下设置：JQuery：

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

它将 HTML 文件作为对话框打开，问题是我无法将任何 PHP 变量传递到页面上以供参考：

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

有人建议一种方法让我这样做吗？

---

好吧。现在的问题是，我正在查看页面的源代码.. 然而，它显示了我所期望的，现在当我单击按钮调出对话框时，它显示了不同的数据......

不推荐我知道，但这里有一个现场：

92.236.219.136/管理员/

用户：堆栈

通过：堆栈

Answer 1

这是最稳健的方式，尤其是如果您想传递多个字符串：

<?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 ) );

然后这样读：

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

Answer 2

您可以像这样获取传入href的 jQuery：

$('.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

您可以使用 tha 数据属性，如下所示：

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

在你的 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');
});