HTML5服务器发送事件实例分析
HTML5服务器发送事件实例分析
本篇内容介绍了“HTML5服务器发送事件实例分析”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
HTML5服务器发送事件(server-sentevent)允许网页获得来自服务器的更新。
Server-Sent事件-单向消息传递
Server-Sent事件指的是网页自动获取来自服务器的更新。
以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。
例子:Facebook/Twitter更新、股价更新、新的博文、赛事结果等。
浏览器支持
InternetExplorerFirefoxOperaGoogleChromeSafari
所有主流浏览器均支持服务器发送事件,除了InternetExplorer。
接收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"的元素中
“HTML5服务器发送事件实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站,小编将为大家输出更多高质量的实用文章!
推荐阅读
-
windows服务器怎么增加ftp
-
html5中video不支持的格式是什么
html5中video不支持的格式是什么这篇“html5中vide...
-
html5会不会被淘汰
html5会不会被淘汰这篇文章主要介绍“html5会不会被淘汰”的...
-
IE开始支持HTML5的版本是什么
IE开始支持HTML5的版本是什么本篇内容主要讲解“IE开始支持H...
-
youtube html5播放失败如何解决
youtubehtml5播放失败如何解决本篇内容主要讲解“you...
-
html5 input禁止输入如何实现
html5input禁止输入如何实现这篇“html5input...
-
html5中的base怎么使用
html5中的base怎么使用这篇文章主要介绍“html5中的ba...
-
html5 date样式如何修改
html5date样式如何修改这篇“html5date样式如何...
-
html5的含义是什么
html5的含义是什么这篇文章主要介绍“html5的含义是什么”的...
-
HTML5如何实现禁止android视频另存为
HTML5如何实现禁止android视频另存为今天小编给大家分享一...