在 JavaScript 中获取 PHP 变量的方法有：1. 输出 PHP 变量到 HTML；2. 使用 AJAX 请求；3. 使用 WebSockets；4. 使用第三方库（例如 Axios、Fetch、jQuery）。
如何在 JavaScript 中获取 PHP 变量
在 PHP 和 JavaScript 之间传递变量需要一些额外的步骤。以下是实现这一目标的方法：
1. 输出 PHP 变量到 HTML
在 PHP 代码中，使用 echo 或 print 语句将变量输出到 HTML 文档：
立即学习“PHP免费学习笔记（深入）”；
<code class="php"><?php $variable = "Hello World"; echo "<script>var jsVariable = '$variable';</script>"; ?></code>
2. 使用 AJAX 请求
在 JavaScript 代码中，使用 AJAX 请求从 PHP 服务器获取变量：
<code class="js">// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求参数
xhr.open("GET", "get_variable.php", true);
// 响应处理函数
xhr.onload = function() {
if (this.status === 200) {
// 解析服务器响应并将其存储在 JavaScript 变量中
var response = JSON.parse(this.responseText);
var jsVariable = response.variable;
}
};
// 发送请求
xhr.send();</code>3. 使用 WebSockets
WebSockets 提供了一种实时通信通道，允许 PHP 和 JavaScript 在必要时交换变量：
<code class="php">// PHP 服务器端
$socket = new WebSocketServer("localhost", 8080);
// 当客户端连接时，发送变量
$socket->on("connect", function($client) {
$client->send(json_encode(["variable" => $variable]));
});
// JavaScript 客户端端
// 连接到 WebSockets 服务器
var socket = new WebSocket("ws://localhost:8080");
// 接收变量
socket.onmessage = function(event) {
var data = JSON.parse(event.data);
var jsVariable = data.variable;
};</code>4. 使用第三方库
有许多第三方库可以简化 PHP 和 JavaScript 之间的变量传递，例如：
- Axios
- Fetch
- jQuery
