从外部 javascript 文件访问 PHP var

Question

我可以使用 Javascript 访问 PHP var，如下所示：

<?php
    $fruit = "apple";
    $color = "red";
?>

<script type="text/javascript">
    alert("fruit: " + "<?php echo $fruit; ?>"); // or shortcut "<?= $fruit ?>"
</script>

但是如果我想使用外部 JS 文件：

<script type="text/javascript" src="externaljs.js"></script>

externaljs.js，该怎么办：

alert("color: " + "<?php echo $color; ?>");

Answer 1

您实际上并没有访问它，而是在提供页面时将其插入到 javascript 代码中。

但是，如果您的其他 javascript 不是来自外部源，您可以执行以下操作：

<?php
    $color = "Red";
?>
<script type="text/javascript">var color = "<?= $color ?>";</script>
<script type="text/javascript" src="file.js"></script>

然后在 file.js 中使用颜色，如下所示：

alert("color: " + color);

Answer 2

您还可以从 Javascript 中的 php 脚本访问数据（这里我将使用 jQuery），如下所示

在您的 php 文件中创建输入隐藏字段，就像

<input type="hidden" id="myPhpValue" value="<?php echo $myPhpValue ?>" />

在您的 javascript 文件中一样：

var myPhpValue = $("#myPhpValue").val();
//From here you can the whaterver you like with you js Value
if(myPhpValue != ''){
//Do something here
}

这也可以完成这项工作:)

Answer 3

我所看到的做法是让 .js 文件通过 php 解释器运行。 我不推荐。

我推荐的是通过 AJAX 获取值，然后让 PHP 文件将值返回到 JS 文件。这是一种更干净的方法。

Answer 4

首先，您必须了解没有任何程序实际上可以访问其他程序的变量。

当你意识到这一点时，剩下的就很简单了。
您可以在主文件中设置一个 js 变量，然后包含您的外部 js，或者使该外部 js 动态化，也由 PHP 生成

Answer 5

您可能想要的是异步 JavaScript 和 XML (AJAX)： http://www.w3schools .com/ajax/default.aspa

基本上，想象一下能够将消息从客户端 JavaScript 发送到服务器上的 PHP 脚本。在您提供的示例 (externaljs.js) 中，您可以让脚本通过 HTTP 询问服务器 $color 是什么。您还可以将脚本标记指向生成所需 JavaScript 的 PHP 脚本。这取决于您需要做什么。

它有助于了解污染检查、数据验证和安全性；）

Answer 6

正如其他人所说，javascript 无法访问 php 变量。然而，它确实可以访问 DOM。因此，您可以使用 php 向某些页面元素添加属性。然后你可以使用 javascript 访问这些属性。

例如

完全可用于 javascript

Answer 7

Don 解决方案很好，此外，如果您想在外部 javascipt 中使用 php 数组，这可以帮助您：

PHP:

<?php
    $my_php_array = [];
?>     

HTML:

<script type="text/javascript"> var my_js_array = <?php echo json_encode($my_php_array);?> ; </script>
<script src = "../public/js/my-external-js.js"></script>

Javasript: （您现在可以像普通的 Javascript 数组一样使用该数组）

 my_js_array[0] 
 my_js_array.length

Answer 8

externaljs.js 是一个静态文件。当然它不能访问PHP数据。将 PHP 数据传递到 js 文件的唯一方法是通过在 PHP 脚本中写入来物理更改该文件，尽管这充其量是一个混乱的解决方案。

编辑以回应 Ólafur Waage 的回答：我想写入 js 文件并不是唯一的方法。我从来没有想过通过 PHP 解释器传递 js（有充分的理由）。

Answer 9

<script type="text/javascript" src="externaljs.js"></script>

你可以将其更改为

<script type="text/javascript" src="externaljs.php"></script>

PHP 脚本可以像这样编写 JavaScript ：

<?php
$fruit = "apple";
echo 'var fruit = '.json_encode($fruit);
...

虽然像 Sepehr Lajevardi 那样使用 AJAX 会更干净

Answer 10

2017-2018及以上解决方案：

由于还没有人提出它，而且我猜还没人想到将函数 base64_encode 和 json_encode 结合起来，你甚至可以像这样发送 PHP 数组变量：

index.php

<?php
      $string = "hello";
      $array = ['hi', 'how', 'are', 'you'];
      $array = base64_encode(json_encode($array));

然后，您可以使用查询字符串的参数加载所需的 js 文件，如下所示：

echo '

那么 js/main.php 将如下所示。您可以这样测试您的变量：

js/main.php

    <?php
    if ($_GET['string']) {
        $a = $_GET['string'];
    }
    if ($_GET['array']) {
        $b = $_GET['array'];
    }
    $b = json_decode(base64_decode($b));

    echo 'alert("String $a: + '.$a.'");';
    echo 'alert("First key of Array $array: + '.$b[0].'");';
    exit();
    ?>

当您打开 index.php 时，将输出以下内容。所以你看，你没有打开 js/main.php ，你仍然可以从中获得 javascript 功能。

Answer 11

您可以像使用其他任何东西一样 include() 它们：

<?php
    $fruit = "apple";
    $color = "red";
?>

<script type="text/javascript">
    <?php include('/path/to/your/externaljs.js'); ?>
</script>

这基本上会将外部文件渲染为内联 js。这里的主要缺点是您失去了浏览器缓存的潜在性能优势。另一方面，它比在 javascript 中重新声明 php 变量要容易得多。

Answer 12

你不能这样做，也不要尝试这样做，因为这不是推荐的方法，但是你可以将 php 变量作为函数参数传递给用外部 js 编写的函数