在服务器端使用 php 生成的 html 页面中引用 php 变量，有两种方法：1. 使用 php echo 输出变量并用 javascript 获取 html 元素内容；2. 使用 php json_encode 输出 json 格式的数据并用 javascript 解析成对象。

如何在 JavaScript 中引用 PHP 变量

在服务器端使用 PHP 生成的 HTML 页面中引用 PHP 变量，有两种主要方法：

1. 使用 PHP echo 语句输出变量

<?php $variable = "Hello from PHP";
?>

在 JavaScript 中，可以使用 document.getElementById() 方法获取 HTML 元素，并使用 innerText 属性访问元素中的内容。

立即学习“PHP免费学习笔记（深入）”；

const element = document.getElementById("my-element");
element.innerText = "<?php echo $variable; ?>";

2. 使用 PHP json_encode() 函数输出 JSON 格式的数据

<?php $variable = json_encode(["Hello", "from", "PHP"]);
?>

在 JavaScript 中，可以使用 JSON.parse() 方法将 JSON 字符串解析成 JavaScript 对象。

const jsonVariable = JSON.parse('<?php echo $variable; ?>');
console.log(jsonVariable[0]); // "Hello"

注意事项：

• 确保在 JavaScript 代码中正确转义特殊字符。
• PHP 变量名称和 JavaScript 变量名称可以相同或不同。
• json_encode() 函数可以将 PHP 变量和数组转换为 JSON 格式。