HTML5 Server-Sent Events onerror每3秒显示一次

Question

我是SSE的新手,我正在学习w3schools教程.我在他们的示例中添加了一些代码,以便我可以看到连接何时打开以及何时出现错误.这是我的代码:

<script>
var source = new EventSource("sse.php");                        
source.addEventListener('message', function(e) {
    console.log("onmessage");           
    document.getElementById("result").innerHTML += event.data + "<br>";     
}, false);

source.addEventListener('open', function(e) {
    console.log("onopen");
}, false);

source.addEventListener('error', function(e) {
    console.log('error '+e.readyState);
}, false);

</script>

我的服务器端代码:

<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$time = date('r');
echo "data: The server time is: {$time}\n\n";
flush();
?>

文档说明了这一点

服务器发送的事件是指网页自动从服务器获取更新.之前也可以这样做,但网页必须询问是否有可用的更新.使用服务器发送的事件,更新会自动进行.

但控制台告诉我们相反的情况:

客户端请求新连接,获取消息,发生错误并关闭连接.每3秒重复一次.为什么会这样？

Answer 1

我怀疑您的服务器端实现没有保持 HTTP 连接打开。所以它一次又一次地重新连接。

我不编写 PHP，但我发现的每个示例都ob_flush()使用了flush().

ob_flush();
flush();

你尝试过吗？