温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML5服务器发送事件实例分析

发布时间:2022-03-17 10:57:42 来源:亿速云 阅读:120 作者:iii 栏目:web开发

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI