JavaScript 从 PHP 获取数据144

在 web 开发中，经常需要在 JavaScript 和 PHP 之间进行数据交互。JavaScript 是一种客户端脚本语言，用于在浏览器中实现交互式功能，而 PHP 是一种服务器端脚本语言，用于处理服务器端的逻辑和数据库交互。要从 PHP 获取数据，有几种方法可以使用，本文将分别介绍这些方法。

AJAX

Ajax（异步 JavaScript 和 XML）是一种技术，它允许 JavaScript 在不重新加载整个页面的情况下与服务器进行异步通信。您可以使用 XMLHttpRequest 对象或 jQuery 库来执行 Ajax 请求。以下是使用 XMLHttpRequest 获取 PHP 数据的示例代码：
<script>
var xhr = new XMLHttpRequest();
('GET', '', true);
= function() {
if ( === 200) {
var data = ();
// 处理 data
}
};
();
</script>

上面的代码在文件中执行 GET 请求，并以 JSON 格式返回数据。在 JavaScript 中，您可以使用 () 方法将响应文本解析为 JavaScript 对象。

JSONP

JSONP（JSON with Padding）是一种技术，它允许 JavaScript 从不同域名的服务器获取数据，这绕过了浏览器同源策略的限制。JSONP 使用一个回调函数来接收服务器响应，该回调函数在 JSON 响应中作为参数传递。以下是使用 JSONP 获取 PHP 数据的示例代码：
<script>
var callbackName = 'myCallback';
var script = ('script');
= '?callback=' + callbackName;
(script);
window[callbackName] = function(data) {
// 处理 data
};
</script>

上面的代码在文件中执行 GET 请求，并在响应中调用指定的回调函数。在 JavaScript 中，回调函数 myCallback 将在 JSON 响应中作为参数提供。

服务器端事件

服务器端事件（SSE）是一种技术，它允许服务器向客户端持续推送事件。SSE 使用 EventSource 对象来在浏览器中创建事件流。以下是使用 SSE 从 PHP 获取数据的示例代码：
// PHP 代码
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
echo 'data: ' . json_encode(['message' => 'Hello from PHP']) . "";
flush();

// JavaScript 代码
var eventSource = new EventSource('');
= function(event) {
var data = ();
// 处理 data
};

上面的 PHP 代码向客户端推送了一个包含 hello 消息的事件。在 JavaScript 中，EventSource 对象将侦听来自服务器的事件，并在接收到事件时调用回调函数。

WebSockets

WebSockets 是一种双向实时的通信协议，它允许客户端和服务器在全双工信道上进行数据交换。WebSockets 使用 WebSocket 对象来在浏览器中建立连接。以下是使用 WebSockets 从 PHP 获取数据的示例代码：
// PHP 代码
use Ratchet\MessageComponentInterface;
use Ratchet\ConnectionInterface;
class DataHandler implements MessageComponentInterface {
public function onMessage(ConnectionInterface $conn, $msg) {
$conn->send($msg);
}
// ...
}

// JavaScript 代码
var socket = new WebSocket('ws://localhost:8080');
= function(event) {
var data = ();
// 处理 data
};