HTML5 Server-Sent Events不是实时的?

时间:2016-04-07 17:34:46

标签: javascript php html5 server-sent-events

我的代码应该每秒从服务器向客户端发送一个事件(我应该看到它们在Firefox的控制台中定期发送)。但是我立刻得到了所有五个事件。为什么呢?

adm.php:

<html>
<head>
<script type='text/javascript'>
var evtSource;
function btnClick() {
    evtSource = new EventSource('adm_sse.php');
    evtSource.onmessage = function(e) {
        console.log(e.data);
        if (e.data == 'end') {
            evtSource.close();
        }
    };
}
</script>
</head>
<body>
    <button type='button' onclick='btnClick()'>Test SSE</button>
</body>
</html>

adm_sse.php:

<?php
header("Content-Type: text/event-stream");
//header('Cache-Control: no-cache'); // recommended to prevent caching of event data.
for ($i=0; $i<5; $i++) {
    echo "data: $i (".date('d/m/Y H:i:s').")\n\n";
    flush();
    sleep(1);
}
echo "data:end\n\n";
flush();
?>

如果重要的话,我正在使用Ubuntu 14.04和Apache。

1 个答案:

答案 0 :(得分:1)

我发现example in the MDN使用与您类似的PHP代码,只有一个小区别,它正在调用ob_end_flush()