在 php 上使用变量在 JS 中创建另一个变量

Question

我很难在 php 中获取特定变量的值以在 js 中使用。这是我在 php 中的代码：

<?php
require("connection.php");

$sql_cmd = "SELECT * FROM tbstatus";

$stmt = $con->prepare($sql_cmd);
$stmt->execute();

echo "<h2>STATUS OF THE BABY</h2>";

while ($result = $stmt->fetch(PDO::FETCH_ASSOC)) {
    echo "<h4>" . $result['status'] . "</h4>";
}
?>

我想获取 this ($result['status']) 的值并将其传递给 js 中的变量 pos。这是我的js代码：

setInterval(function() {
    $("#position").load('refresh.php');
    notif();

}, 1000);

function notif() {
    var pos = $('PHP VARIABLE HERE').val();
    alert(pos);
}

感谢您的帮助。

Answer 1

最简单的方法是直接输出到javascript：

?>
<script type="text/javascript">
window.MY_PHP_VAR = <?php echo json_encode($myPhpVar); ?>;
</script>
...

window.MY_PHP_VAR now contains your php variable

Answer 2

如果您的 javascript 代码在结果出现的同一页面上，那么您可以使用它

var pos =  `<?php echo $result['status'] ?>`;

var pos =  `<?= $result['status'] ?>`;

Answer 3

===============
// refresh.php
===============

<?php  
require("connection.php");
$sql_cmd = "SELECT * FROM tbstatus";
$stmt = $con->prepare($sql_cmd);
$stmt->execute();

echo "<h2>STATUS OF THE BABY</h2>";

while ($result = $stmt->fetch(PDO::FETCH_ASSOC)) {
      echo "<h4>" . $result['status'] . "</h4>";
      echo "<script> alert('". $result['status'] ."'); </script>";
      /* If the $result['status'] is 'success' the above line will be converted to:
       echo "<script> alert('success'); </script>";
      */
}

?>

所以，每次 refresh.php 加载时，脚本都会被执行。

但是，我建议您为您的 h4 分配一个 id 或 class 属性，您可以在其中回显您的状态并使用 javascript 中的选择器访问该值。

Answer 4

1. 您可以尝试为 status 提供 id 或 class。
2. 然后在 JavaScript 中，您可以获取 id 或类的值。

PHP

<?php
require("connection.php");

$sql_cmd = "SELECT * FROM tbstatus";

$stmt = $con->prepare($sql_cmd);
$stmt->execute();

echo "<h2>STATUS OF THE BABY</h2>";
while ($result = $stmt->fetch(PDO::FETCH_ASSOC)) {
    echo '<h4> <span class="status">' . $result['status'] . '</span></h4>';
}

?>

JavaScript

var oldStatus = '';

setInterval(function() {
    $("#position").load('refresh.php');
    notif();
}, 1000);

function notif() {
    // note that since we used a class, you will get the value of the first element only.
    var pos = $('.status').text(); // use .text() instead of .val()
    if (pos.toLowerCase() == 'out' && pos != oldStatus){
        oldStatus = pos;
        alert(pos);
    }
}