在 PHP EventSource 中处理客户端连接,您需要创建一个长轮询服务器,以便在客户端与服务器之间实时传输数据
eventsource.php
的 PHP 文件。这将是您的服务器端代码:<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
header('Connection: keep-alive');
// 在这里添加您的业务逻辑,例如从数据库获取数据或其他操作
$data = array(
'message' => 'Hello from server!',
'time' => date('Y-m-d H:i:s')
);
echo "data: " . json_encode($data) . "\n\n";
flush();
// 设置一个延迟,以便客户端可以不断地请求更新
sleep(5);
?>
index.html
,并添加以下内容:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>EventSource Example</title>
</head>
<body>
<ul id="event-log"></ul>
<script>
// 创建一个新的 EventSource 对象,指向您的 eventsource.php 文件
var eventSource = new EventSource("eventsource.php");
// 当服务器发送消息时触发
eventSource.onmessage = function (event) {
var data = JSON.parse(event.data);
var listItem = document.createElement("li");
listItem.textContent = "Message: " + data.message + ", Time: " + data.time;
document.getElementById("event-log").appendChild(listItem);
};
// 当连接打开时触发
eventSource.onopen = function () {
console.log("Connection opened.");
};
// 当连接关闭时触发
eventSource.onerror = function (error) {
if (eventSource.readyState === EventSource.CLOSED) {
console.log("Connection closed.");
} else {
console.log("Error occurred:", error);
}
};
</script>
</body>
</html>
index.html
文件。您应该会看到来自服务器的实时消息。注意:如果您在本地运行此示例,请确保您的 Web 服务器支持 PHP。如果您使用的是诸如 XAMPP 之类的本地服务器解决方案,那么您应该已经具备所需的一切。如果您在线托管此示例,请确保您的托管提供商支持 PHP。