首页 / HTML / HTMLServer-Sent事件
HTMLServer-Sent事件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了HTMLServer-Sent事件,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1157字,纯文字阅读大概需要2分钟。
内容图文
![HTMLServer-Sent事件](/upload/InfoBanner/zyjiaocheng/386/1ce2ec851f3740568d87f94b29ca2599.jpg)
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 事件的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的HTMLServer-Sent事件全部内容,希望文章能够帮你解决HTMLServer-Sent事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。