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中 table鼠标拖拽排序功能的实现

新手篇:如何用<a>标签制作一个链接(分享)

Html5编程需要什么软件?

Html怎么设置style样式

svg画图功能:svg实现画出一朵花(附代码)

Html与xHtml和xml有什么区别

Html怎么设置图片

如何使用css去掉a标签的下划线?(代码详解)

Html中用于设置页面元信息的标示符是什么

网站对联广告js代码分享

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




打赏

取消

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

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

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

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

评论

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