HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 服务器发送事件使用方法

服务器端实现业务代码：服务器端事件流的语法是非常简单的，把 "Content-Type" 报头设置为 "text/event-stream"。我们就可以开始发送事件流了。
```
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$time = date('Y-m-d H:i:s');
echo "data: The server time is: {$time}\n\n";
flush();
```
1. 把HTTP响应报头 "Content-Type" 设置为 "text/event-stream"
2. 声明HTTP响应报头“Cache-Control”规定浏览器不对页面进行缓存处理
3. 输出发送日期（始终以 "data: " 开头）
4. 向网页刷新输出数据
客户端浏览器检测 Server-Sent 事件支持
创建一个新的 EventSource 对象，然后规定发送更新的页面的 URL：time_sse.php
```
var source=new EventSource("/static/example/html5/time_sse.php");
```
实现 EventSource 对象消息回调，每接收到服务端的一次更新，就会发生 onmessage 事件回调
```
source.onmessage=function(event)  {
    document.getElementById("result").innerHTML+=event.data + "<br />";
};
```
在 EventSource 对象消息回调 onmessage 中，把已接收的数据显示到页面 id 为 "result" 的元素中
```
document.getElementById("result").innerHTML+=event.data + "<br />";
```

作者文档

HTML 5 基础教程

HTML5 服务器发送事件 使用方法

HTML5 服务器发送事件使用方法