HTML5 SSE
HTML5 ?? ?? ???
HTML5 ?? ?? ???? ???? ????? ???? ????? ?? ? ????.
?? ?? ??? - ??? ???
Server-Sent ???? ????? ????? ???? ????? ?? ?? ????.
???? ?????? ????? ??? ???? ?? ???? ??????. ??? ?? ???? ??? ????? ???? ??? ? ????.
?: Facebook/Twitter ????, ?? ????, ? ??? ???, ??? ?? ?
???? ??
???? ?? ???? Internet Explorer? ??? ?? ?? ?????? ?????.
???? ?? ??? ?? ??
EventSource ??? ???? ?? ??? ??? ?? ? ?????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<h1>獲取服務端更新數(shù)據(jù)</h1>
<div id="result"></div>
<script>
if(typeof(EventSource)!=="undefined")
{
var source=new EventSource("demo_sse.php");
source.onmessage=function(event)
{
document.getElementById("result").innerHTML+=event.data + "<br>";
};
}
else
{
document.getElementById("result").innerHTML="抱歉，你的瀏覽器不支持 server-sent 事件...";
}
</script>
</body>
</html> ??_sse.php ??
<?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();
?>????? ???? ??? ???
?? ?:
? EventSource ?? ?? , ????? ???? ?? ???? URL(? ???? "demo_sse.php")
????? ??? ??? onmessage ???? ?????.
onmessage ???? ??? ? ???? ??? ???? ID? "result"? ??? ?????.
?? ?? ??? ?? ??
?? ???? ???? ?? ???? ?? ???? ??? ???? ?? ?? ??? ??????.
if(typeof(EventSource)!=="undefine")
{
// ???? ?? Server-Sent
// ?? ??...
}
else
{
// ????? Server-Sent? ???? ????..
}
??? ?? ??
? ??? ????? ?? ??? ??? ? ??? ???. ??? ???? ??(?: PHP ? ASP)? ?????.
??? ??? ????? ??? ?? ?????. "Content-Type" ??? "text/event-stream"?? ?????. ?? ??? ??? ??? ??? ? ????.
?
<?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();
?>ASP ??(VB)(demo_sse.asp):
<%
Response.ContentType="text/event-stream"
Response.Expires=-1
Response.Write("data: " & now())
Response.Flush ()
%>
?? ??:
?? "Content-Type"? ???? ?????. "text/event-stream"
???? ???? ??? ??
?? ??? ?????(?? "data: "? ??). )
? ???? ?? ??? ?? ??
EventSource ??
?? ???? onmessage ???? ???? ???? ?????. ??? ?? ???? ??? ? ????.
??? | ?? | ||||||||
| onopen | ??? ?? ??? ?? ? | ||||||||
| onmessage | ???? ?? ?? | ||||||||
| ?? ?? | ??? ??? ?? |
