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