HTML Server-Sent 事件


本文摘自PHP中文网,作者(*-*)浩,侵删。

Server-Sent 事件允许网页从服务器获得更新。

Server-Sent 事件 - One Way Messaging

Server-Sent 事件指的是网页自动从服务器获得更新。 ( 推荐学习:html教程 )

以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过 Server-Sent 事件,更新能够自动到达。

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

浏览器支持

表格中的数字指示完全支持 server-sent 事件的首个浏览器。

python-p-141.png

接收 Server-Sent 事件通知

EventSource 对象用于接收服务器发送事件通知:

实例

1

2

3

4

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 实例中,我们编写了一段额外的代码来检测服务器发送事件的浏览器支持:

1

2

3

4

5

6

if(typeof(EventSource) !== "undefined") {

    // 是的!支持服务器发送事件!

    // 一些代码.....

} else {

    // 抱歉!不支持服务器发送事件!

}

以上就是HTML Server-Sent 事件的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html怎么设置文本框边框颜色

Html的<thead>标签

Html制作图文混排效果

图文详解Html页面中添加图片的三种方法

Html点击按钮展开菜单的方法实现

HtmlHtml5有什么区别

Html怎么隐藏样式

Html倾斜加粗标签是什么

Html h1标签怎么居中?有关于Html中的h1居中实例解析

Html progress标签怎么用

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...