在服务器端使用 PHP 生成的 HTML 页面中引用 PHP 变量，有两种方法：1. 使用 PHP echo 输出变量并用 JavaScript 获取 HTML 元素内容；2. 使用 PHP json_encode 输出 JSON 格式的数据并用 JavaScript 解析成对象。
如何在 JavaScript 中引用 PHP 变量
在服务器端使用 PHP 生成的 HTML 页面中引用 PHP 变量，有两种主要方法：
1. 使用 PHP echo 语句输出变量
<code class="php"><?php $variable = "Hello from PHP"; ?></code>
在 JavaScript 中，可以使用 document.getElementById() 方法获取 HTML 元素，并使用 innerText 属性访问元素中的内容。
立即学习“PHP免费学习笔记（深入）”；
<code class="javascript">const element = document.getElementById("my-element");
element.innerText = "<?php echo $variable; ?>";</code>2. 使用 PHP json_encode() 函数输出 JSON 格式的数据
<code class="php"><?php $variable = json_encode(["Hello", "from", "PHP"]); ?></code>
在 JavaScript 中，可以使用 JSON.parse() 方法将 JSON 字符串解析成 JavaScript 对象。
<code class="javascript">const jsonVariable = JSON.parse('<?php echo $variable; ?>');
console.log(jsonVariable[0]); // "Hello"</code>注意事项：
- 确保在 JavaScript 代码中正确转义特殊字符。
- PHP 变量名称和 JavaScript 变量名称可以相同或不同。
-
json_encode()函数可以将 PHP 变量和数组转换为 JSON 格式。
