EventSource 是一種瀏覽器端的技術,它允許服務器向客戶端推送實時更新。在 PHP 中,你可以使用 EventSource 來實現服務器端的推送功能。以下是一個簡單的示例,展示了如何使用 PHP EventSource 進行實時數據更新:
event_source.php
),并添加以下代碼:<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
// 獲取當前時間并格式化為 ISO8601 格式
$time = date(DATE_ISO8601);
// 發送事件數據
echo "data: {$time}\n\n";
flush();
?>
這個 PHP 腳本會設置正確的響應頭,然后發送一個包含當前時間的事件數據。flush()
函數用于清空輸出緩沖區,確保數據立即發送到客戶端。
index.html
),并添加以下代碼:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EventSource Example</title>
</head>
<body>
<h1>EventSource Example</h1>
<p id="time"></p>
<script>
// 創建一個 EventSource 對象,連接到 event_source.php
const eventSource = new EventSource('event_source.php');
// 監聽服務器發送的消息
eventSource.onmessage = function (event) {
// 獲取事件數據
const data = event.data;
// 更新頁面上的時間顯示
document.getElementById('time').innerText = 'Server time: ' + data;
};
</script>
</body>
</html>
這個 HTML 文件創建了一個 EventSource
對象,連接到我們剛剛創建的 PHP 腳本。當服務器發送消息時,我們會更新頁面上的時間顯示。
index.html
。你應該能看到實時更新的服務器時間。注意:確保你的 Web 服務器支持 PHP,并且已經正確配置。此外,由于 EventSource 是基于 HTTP 長連接的,因此在某些情況下可能會遇到跨域問題。你需要確保服務器允許跨域請求,或者將客戶端和服務器部署在同一個域名下。