npuer 发表于 2022-10-19 22:43:16

HTML5 服务器发送事件

HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的最新数据,无需刷新网页,即可动态获取最新数据。

Server-Sent 事件 - 单向消息传递
Server-Sent 事件指的是网页自动获取来自服务器的数据更新。

传统获取服务端最新数据的方法,是通过刷新,或者定时器的方式触发,来获取最新数据。而现在通过服务器发送Server-Sent事件,即可实现自动获取最新数据。

检测 Server-Sent 事件支持
以下示例,我们编写了一段额外的代码来检测服务器发送事件的浏览器支持情况:

if(typeof(EventSource)!=="undefined")
{
    // 浏览器支持 Server-Sent
    // 一些代码.....
}
else
{
    // 浏览器不支持 Server-Sent..
}
服务器端代码示例
为了让上面的示例可以运行,您还需要能够发送数据更新的服务器(比如 PHP 和 ASP)。

服务器端事件流的语法是非常简单的。把 "Content-Type" 报头设置为 "text/event-stream"。
页: [1]
查看完整版本: HTML5 服务器发送事件