JS中SSE服务器推送事件

SSE（服务器发送事件）是一种浏览器向服务器发起HTTP请求并保持长连接的技术，服务器通过该连接持续单向推送数据给客户端。这种方式减少了频繁发起请求和建立连接的开销，节省了网络资源，与定时轮询类似，但更加高效，适用于需要实时获取信息的场景。

1、 SSE特性解析

2、 定期向服务器发送请求，获取最新数据。

3、 连接中断后将自动重新连接。

4、 响应数据为纯文本格式，具体内容所示。

5、 JavaScript中SSE接口相关类的使用方法

6、 在JavaScript中，利用EventSource类创建SSE连接，支持打开、消息接收和错误处理三个事件。

7、 连接建立时触发的事件。

8、 当接收到服务器发送的新数据时会触发message事件，需要注意的是，响应的数据内容必须以换行符结尾，否则事件将不会被触发。

9、 当连接无法建立或中断时触发的事件。

10、 调用close方法即可终止请求。

11、 除IE外，所有浏览器均支持该功能。

12、 浏览器脚本实现方式

13、 PHP服务端实现方式

14、 自定义事件方法

15、 在响应数据中添加event字段，并填入对应的事件名称。

16、 事件触发：我的自定义响应

17、 在脚本中加入事件处理函数（所示）