HTML5 ???? ?? ???
HTML5 ?? ?? ???
HTML5 ?? ?? ???? ???? ????? ???? ????? ?? ? ????.
???? ??
Internet Explorer? ??? ?? ?? ????? ???? ??? ???? ?????.
?? ?? ??? - ??? ???
?? ?? ???? ???? ???? ????? ?? ????? ?????.
???? ?????? ????? ??? ???? ?? ???? ??????. ??? ?? ???? ??? ????? ???? ??? ? ????.
?: Facebook/Twitter ????, ?? ????, ? ??? ???, ??? ?? ?
?????? ???? ?? ???? ????
<!DOCTYPE html>
<html>
<body>
<h1>獲得服務(wù)器更新</h1>
<div id="result">
</div>
<script>if(typeof(EventSource)!=="undefined"){
var source=new EventSource("http://www.w3school.com.cn/example/html5/demo_sse.php");
source.onmessage=function(event)
{
document.getElementById("result").innerHTML+=event.data + "<br />";
};
}else{
document.getElementById("result").innerHTML="Sorry, your browser does not support server-sent events...";}
</script>
</body>
</html>???????. ???? ?? ??(PHP ?? ASP)? ??? ????.
<?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();
?>?? ??:
?? "Content-Type"? "text/event-stream"?? ??
???? ???? ??? ??
?? ?? ??(?? "data? ??) : ")
? ???? ?? ??? ?? ??
?? ?? ??? ?? ??
?? ???? ??? ?? ????. ???? ?? ???? ???? ?? ?? ?? ?? ???? ??:
if(typeof(EventSource)!=="undefined")
{
// 瀏覽器支持 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 ??
In ?? ???? onmessage ???? ???? ???? ?????. ??? ?? ???? ??? ?? ????.
??? ??
onopen ??? ?? ??? ?? ?
onmessage ???? ??? ?
onerror ??? ?? ?
