HTML5 Server-Sent Events + PHP

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

本文介绍 Server-Sent Events 服务器发送事件 SSE。

HTML5 SSE 事件允许网页获得来自服务器的更新。

1
2
3
4
5
6
7
8
9
10
var source = new EventSource("demo_sse.php");

source.onmessage=function(event) // 当接收到消息
{
    document.getElementById("result").innerHTML += event.data + "<br>";
};

source.onopen(); // 当通往服务器的连接被打开

source.onerror(); // 当发生错误
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
ini_set('max_execution_time', '0');

header('X-Accel-Buffering: no');
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

while(1){
  // id event retry data \n\n
  echo "id: 1\nevent: my_event\nretry: 100\ndata: my_data \n\n";

  ob_flush();
  flush();

  sleep(1);
}
  • retry 服务器端 N 秒内没有发送任何信息，则开始重连。

More Information

0%