HTML Server-Sent 事件

Server-Sent 事件 - One Way Messaging

Server-Sent 事件指的是网页主动从效劳器获得更新。 ( 引荐学习：html教程 )

之前也大概做到这一点，前提是网页不得不扣问可否有可用的更新。通过 Server-Sent 事件，更新能够主动抵达。

例如：Facebook/Twitter 更新、股价更新、新的博文、赛事结果，等等。

阅读器支撑

表格中的数字指示完全支撑 server-sent 事件的首个阅读器。

接收 Server-Sent 事件通知

EventSource 对象用于接收效劳器发送事件通知：

实例

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
    document.getElementById("result").innerHTML += event.data + "<br>";
};

例子说明：

创立一个新的 EventSource 对象，然后规定发送更新的页面的 URL（本例中是 "demo_sse.php"）

每当接收到一次更新，就会发生 onmessage 事件

当 onmessage 事件发生时，把已接收的数据推入 id 为 "result" 的元素中

检测 Server-Sent 事件支撑

在 TIY 实例中，我们编写了一段额外的代码来检测效劳器发送事件的阅读器支撑：

if(typeof(EventSource) !== "undefined") {
    // 是的！支撑效劳器发送事件！
    // 一些代码.....
} else {
    // 抱愧！不支撑效劳器发送事件！
}

以上就是HTML Server-Sent 事件的具体内容，更多请关注百分百源码网其它相关文章！