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服务器发送事件实例分析”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站，小编将为大家输出更多高质量的实用文章！