前端页面:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic SSE Example</title>
</head>
<body>
<pre id="x">Initializing...</pre>
<script>
var es = new EventSource("basic_sse.php");
es.addEventListener("message", function(e){
document.getElementById("x").innerHTML += "
" + e.data;
},false);
</script>
</body>
</html>
PHP页面:
<?php
header("Content-Type: text/event-stream");
while(true){
echo "data:".date("Y-m-d H:i:s")."
";
@ob_flush();@flush();
sleep(1);
}
?>
目前还没搞明白的是每30秒发送一次请求,不知是这个方法的机制还是可以设置的。