HTML5的Server-Sent Events功能的使用

客户端代码示例

1 //创建一个新的 EventSource 对象,然后规定发送更新的页面的 URL。
2 var source = new EventSource("http://localhost:8080/test/20150129/test.php");
3 //每接收到一次更新,就会发生onmessage事件,在控制台输出
4 source.onmessage=function(event){
5     console.log(event.data);
6 };

服务器代码示例

1 <?php
2     //把 "Content-Type" 报头设置为 "text/event-stream",这样就可以发送事件流了    
3     header(‘Content-Type: text/event-stream‘);
4     $rand = rand(1,100);
5     echo "data:this is a test{$rand}\n\n";
6     //把缓冲区的数据全部输出
7     flush();

 

注意事项:

  服务器端的输出数据要以"data:"字符串开头,以\n\n结尾

 

参考网址:

  http://segmentfault.com/q/1010000002315641

  http://www.w3school.com.cn/html5/html_5_serversentevents.asp

  https://developer.mozilla.org/zh-CN/docs/Server-sent_events/Using_server-sent_events

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。