我有一个变量在PHP，我需要它的值在我的JavaScript代码。我怎么能把我的变量从PHP到JavaScript?
我有这样的代码:
<?php
$val = $myService->getValue(); // Makes an API and database call
在同一页上，我有JavaScript代码，需要$val变量的值作为参数传递:
<script>
myPlugin.start($val); // I tried this, but it didn't work
<?php myPlugin.start($val); ?> // This didn't work either
myPlugin.start(<?=$val?>); // This works sometimes, but sometimes it fails
</script>
当前回答
试试这个:
<?php
echo "<script> var x = " . json_encode($phpVariable) . "</script>";
?>
--
-在尝试了一段时间之后
虽然它可以工作，但是它降低了性能。因为PHP是服务器端脚本，而JavaScript是用户端。
其他回答
试试这个:
<?php
echo "<script> var x = " . json_encode($phpVariable) . "</script>";
?>
--
-在尝试了一段时间之后
虽然它可以工作，但是它降低了性能。因为PHP是服务器端脚本，而JavaScript是用户端。
假设变量总是整数。在这种情况下，这样做更容易:
<?PHP
$number = 4;
echo '<script>';
echo 'var number = ' . $number . ';';
echo 'alert(number);';
echo '</script>';
?>
输出:
<script>var number = 4;alert(number);</script>
假设你的变量不是整数，但如果你尝试上面的方法，你会得到这样的结果:
<script>var number = abcd;alert(number);</script>
但在JavaScript中，这是一个语法错误。
在PHP中，我们有一个函数json_encode，它将字符串编码为JSON对象。
<?PHP
$number = 'abcd';
echo '<script>';
echo 'var number = ' . json_encode($number) . ';';
echo 'alert(number);';
echo '</script>';
?>
因为abcd在JSON中是“abcd”，它看起来像这样:
<script>var number = "abcd";alert(number);</script>
你可以对数组使用相同的方法:
<?PHP
$details = [
'name' => 'supun',
'age' => 456,
'weight' => '55'
];
echo '<script>';
echo 'var details = ' . json_encode($details) . ';';
echo 'alert(details);';
echo 'console.log(details);';
echo '</script>';
?>
你的JavaScript代码看起来是这样的:
<script>var details = {"name":"supun","age":456,"weight":"55"};alert(details);console.log(details);</script>
控制台输出
根据你的代码
<$php
$val = $myService->getValue(); // Makes an API and database call
echo '<span id="value">'.$val.'</span>';
$>
现在你可以使用DOM，使用innerHTML (span id)来获取值，在这种情况下你不需要调用任何服务器，或者Ajax或其他东西。
您的页面将使用PHP打印它，而JavaScript将使用DOM获取值。
PHP
$fruits = array("apple" => "yellow", "strawberry" => "red", "kiwi" => "green");
<script>
var color = <?php echo json_encode($fruits) ?>;
</script>
<script src="../yourexternal.js"></script>
JS （yourexternal.js）
alert("The apple color is" + color['apple'] + ", the strawberry color is " + color['strawberry'] + " and the kiwi color is " + color['kiwi'] + ".");
输出
苹果是黄色的，草莓是红色的，猕猴桃是红色的 颜色是绿色。
经过大量的研究，我发现最简单的方法是简单地传递各种变量。
在服务器脚本中，你有两个变量，你试图将它们发送到客户端脚本:
$php_var1 ="Hello world";
$php_var2 ="Helloow";
echo '<script>';
echo 'var js_variable1= ' . json_encode($php_var1) . ';';
echo 'var js_variable2= ' . json_encode($php_var2) . ';';
echo '</script>';
在页面上调用的任何JavaScript代码中，只需调用这些变量。
