?HTML5 | 服务器发送事件(Server-Sent Events)
2018-03-03 21:32
567 查看
判断浏览器是否支持EventSource
if(typeof(EventSource)!==undefined"){ //支持,一些代码 }else{ //不支持 }
创建一个新的EventSource
var w=new EventSource("demo_eventsource.php"); w.onmessage=function(event){ document.getElementById("result").innerHTML+=event.data + "<br>"; } 类似方法有onopen\onerror\onmessage
服务器端代码实例?
<?php //用Content-Type定义MIME Type,即该资源的媒体类型 header('Content-Type: text/event-stream');// //规定不对页面进行缓存?manifest的服务器设置Content-Type:text/cache-manifest设置页面缓存,这两个什么意思? header('Cache-Control: no-cache'); $time = date('r'); echo "data: The server time is: {$time}\n\n"; flush(); ?>
相关文章推荐
- HTML5 服务器发送事件(Server-Sent Events)介绍
- HTML5 服务器发送事件(Server-Sent Events)
- HTML5 服务器发送事件(Server-Sent Events)介绍
- HTML5 服务器发送事件(Server-Sent Events)
- HTML5支持服务器发送事件(Server-Sent Events)-单向消息传递数据推送(C#示例)
- HTML5 服务器发送事件(server-sent events)
- HTML5 服务器发送事件(Server-Sent Events)
- html5:服务器事件推送(server-sent events)Asp.net
- HTML5 服务器推送事件(Server-sent Events)
- HTML5 服务器发送事件(server-sent event)
- HTML5 服务器推送事件(Server-sent Events)实战开发
- HTML5 服务器推送事件(Server-sent Events)实战开发
- html5服务器发送事件(server-sent event)
- [ASP.NET MVC] Real-time之HTML5 服务器发送事件(server-sent event)
- HTML5 服务器推送事件(Server-sent Events)实战开发
- HTML5 服务器推送事件(Server-sent Events)实战开发
- HTML5 服务器推送事件(Server-sent Events)实战开发
- HTML5服务器发送事件(Server-Send Events)
- 【HTML5】Server-Sent服务器发送事件
- HTML5 服务器推送事件(Server-sent Events)实战开发