一段代码让你了解PHP sse流式服务(类chatgpt逐行输出)

最新推荐文章于 2024-07-02 12:07:39 发布

YUJIANYUE

最新推荐文章于 2024-07-02 12:07:39 发布

阅读量1.6k

点赞数

文章标签： php 服务器 java

本文链接：https://blog.csdn.net/YUJIANYUE/article/details/130299762

版权

该代码示例展示了如何使用PHP创建一个服务器发送事件（Server-SentEvents,SSE）服务，通过设置Content-Type和避免缓存来实现实时更新。JavaScript客户端监听事件并显示从服务器接收到的数据。

摘要由CSDN通过智能技术生成

<?php
if($_GET["t"]=="y"){
header('Content-Type: text/event-stream');
header('X-Accel-Buffering: no');
//header('Cache-Control: no-cache');
//header('Connection: keep-alive');
$counter= 0;
while($counter<8) {
    //echo "retry: 1000\n"; // 设置重试时间为1秒
    //echo "id: {$counter}\n"; // 设置事件ID
    //echo "event: custom-event\n"; // 设置事件类型为自定义事件
    echo "data: " . $counter++ . "\n\n";
    ob_flush();
    flush();
    sleep(1);
}
exit();
}

?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>SSE流通讯示例</title>
</head>
<body>
    <h1 id="message"></h1>
<script>
const message = document.getElementById('message');
const source = new EventSource('?t=y');
source.onopen = function() {
    message.innerHTML = "kaishi...<br>";
};
source.onmessage = function(event) {
    message.innerHTML += event.data + "<br>";
};
source.onerror = function() {
    source.close();
    message.innerHTML += "stop...<br>";
};
</script>
</body>
</html>