HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。
Server-Sent 事件 - 单向消息传递(HTML 5 服务器发送事件)
--------------------------
CESHI.HTML
<!DOCTYPE html>
<html>
<body>
<h1>ZB</h1>
<script>
if(typeof(EventSource)!=="undefined")
{
var source=new EventSource("SD.PHP");
source.onmessage=function(event)
{
// document.getElementById("result").innerHTML+=event.data + "<br />";
location.reload();
};
}
else
{
//document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";
}
</script>
</body>
</html>
SD.PHP
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
//$time = date('r');
$time = "3";
echo "data:{$time}\n\n";
flush();
?>
Server-Sent 事件 - 单向消息传递(HTML 5 服务器发送事件)
--------------------------
CESHI.HTML
<!DOCTYPE html>
<html>
<body>
<h1>ZB</h1>
<script>
if(typeof(EventSource)!=="undefined")
{
var source=new EventSource("SD.PHP");
source.onmessage=function(event)
{
// document.getElementById("result").innerHTML+=event.data + "<br />";
location.reload();
};
}
else
{
//document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";
}
</script>
</body>
</html>
SD.PHP
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
//$time = date('r');
$time = "3";
echo "data:{$time}\n\n";
flush();
?>