PHP实时输出实现无刷新更新方法

// log.php
// 模拟读取新日志（实际可读文件或数据库）
for ($i = $lastLine + 1; $i <= $lastLine + 3; $i++) {
$newLines[] = "日志条目 #{$i} - " . date('H:i:s');
}
sleep(1); // 模拟处理延迟
echo json_encode(['lines' => $newLines, 'last_line' => $lastLine + count($newLines)]);
?>

<script>
let lastLine = 0;
function fetchLogs() {
    fetch(`log.php?line=\${lastLine}`)
        .then(res => res.json())
        .then(data => {
            data.lines.forEach(line => {
                const div = document.createElement('div');
                div.textContent = line;
                document.getElementById('logs').appendChild(div);
            });
            lastLine = data.last_line;
        })
        .finally(() => setTimeout(fetchLogs, 1000));
}
fetchLogs();
</script>

// sse.php
for ($i = 1; $i <= 10; $i++) {
echo "data: 第 $i 条消息 - " . date('H:i:s') . "\n\n";
ob_flush();
flush();
sleep(1);
}
echo "data: 连接结束\n\n";
?>

<script>
const eventSource = new EventSource('sse.php');
eventSource.onmessage = function(event) {
    const div = document.createElement('div');
    div.textContent = event.data;
    document.getElementById('output').appendChild(div);
};
</script>