网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

HTML5服务器发送事件Server-Send

Server-Send事件
Server-Send事件指的是网页自动获取来自服务器端的更新。以前也能做到这点,前提是网页必须询问是否有可用的更新。通过服务器发送事件,更新能够自动送达。
支持情况:除了IE浏览器外,其它主流浏览器匀支持服务器发送事件。
检测Server-Send的支持情况
在书写代码时,首先是检测浏览器是否支持Server-Send,代码如下:

if (typeof(EventSource) !== "undefined") { //浏览器支持 //... } else { //浏览器不支持 }
其中,EventSource对象表示服务器发送事件实例。用于接收服务器发送事件的通知

成都创新互联公司专注于内蒙古网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供内蒙古营销型网站建设,内蒙古网站制作、内蒙古网页设计、内蒙古网站官网定制、重庆小程序开发公司服务,打造内蒙古网络公司原创品牌,更为您提供内蒙古网站排名全网营销落地服务。
接收Server-Send事件通知
EventSource对象用于接收服务器发送事件通知。每接收一次更新,就会触发message事件,添加onmessage事件处理程序,其event对象的data属性就是所接收的更新数据。

var source = new EventSource("demo_sse.php"); //创建EventSource对象,用于接收服务器发送事件通知。规定发送更新的页面的URL。 source.onmessage = function (event) { console.log(event.data); //接收的数据 };

创建EventSource对象,并规定发送更新数据的URL,本例子中是“demo_sse.php”,也就是从这个URL中接收更新数据的。每接收一次服务器发送事件通知,就会触发message事件,为其对象添加onmessage事件处理程序,event.data就是从服务器器端接收到的数据信息。
一个接收服务器发送事件的例子
首先创建一个EventSource对象,并规定发送更新数据的URL。其次,触发message事件后,为其对象添加onmessage事件处理程序,用于接收更新数据信息event.data。
最后将这个从服务器端接收到的更新数据输出到页面上。

服务器发送事件

获取服务器更新


其中,demo_sse.php文件的代码为:

这个例子是用于显示本地服务器的时间更新内容的。
效果如下:
注:本次例子是在2017年8月13日建立的。
EventSource对象的其它事件
onopen-- 当通往服务器的连接被打开时触发事件。onmessage-- 当接收到服务器更新的通知、消息时触发事件。onerror--当发生错误时触发事件。

网站名称:HTML5服务器发送事件Server-Send
标题来源:http://bjjierui.cn/article/cpohgh.html