HTML5 服务器发送事件(Server-Sent Events)允许网页获得来自服务器的更新。

Sever-Sent事件 -单项消息传递

Sever-Sent事件指的是网页自动获取来自服务器的更新

以前也可能做得到这一点,前提是网页不得不询问是否有可用的更新,通过服务器发送时间,更新能够自动到达

例子:FaceBook/Twitter跟新,估价更新,新的博文,赛事结果等

接受Sever-Sent事件通知

EventSource对象用于接受服务器发送事件通知:菜鸟教程(runoob.com)获取服务端更新数据

实例解析:

1.创建一个新的EventSource对象,然后规定发送更新的页面URL(本例中是“demo.sse.php”)

2.没接收到一次更新,就会发生onmessage事件

3.当onmessage事件发生时,把已接受的数据推入id为“result”的元素中

检测Server-Sent事件支持

一下实例,编写了一段额外的代码来检测服务器发送事件的浏览器支持情况if (type(EventSource) !== "undefined")

{

//浏览器支持 Server-Sent

//一些代码

} else {

//浏览器不支持 Server-Sent

}

服务器代码实例

未来让上面的例子可以运行,还需要能够发送数据更新的服务器(比如PHP 和 ASP)

服务器端事件流的语法是非常简单的,把"Content-Type"报头设置为"text/event-stream".现在,可以开始发送事件流了

实例:ASP 代码 (VB) (demo_sse.asp):

代码解释:

1.把报头"Content-Type"设置为"text/event-stream"

2.规定不对页面进行缓存

3.输出发送日期(始终以"data:"开头)

4.向网页刷新输出数据

EventSource对象

在上面的例子中,我们使用onmessage时间来获取消息,不过还可以使用其他事件

事件 描述

onopen 当通往服务器的连接被打开

onmessage 当接收到消息

onerror 当发生错误

本文由职坐标整理发布,更多HTML5开发知识请关注职坐标WEB前端HTML5/CSS3频道!

html怎么直接给服务器发消息,HTML5教程之服务器发送事件相关推荐

  1. js 给服务器发消息,的Node.js:发送消息至服务器

    我有我的服务器上运行以下的node.js:的Node.js:发送消息至服务器 var net=require('net'); var util=require('util'); var server= ...

  2. send函数给FTP服务器发消息,send函数给FTP服务器发消息

    send函数给FTP服务器发消息 内容精选 换一换 Kafka系列2:深入理解Kafka消费者上篇聊了Kafka概况,包含了Kafka的基本概念.设计原理,以及设计核心.本篇单独聊聊Kafka的生产者 ...

  3. android 通过xmpp即时聊天客户端往服务器发消息,利用XMPP协议推送服务器告警信息到安卓平台及桌面...

    XMPP的前身是Jabber,一个开源形式组织产生的网络即时通信协议. XMPP目前被IETF国际标准组织完成了标准化工作.标准化的核心结果分为两部分: 核心的XML流传输协议 基于XML流传输的即时 ...

  4. telnet给服务器发消息,[摘抄]使用telnet命令直接发送

    需要注意的是,由于现在邮件服务器大多设置了身份验证,禁止非法连接发送邮件,主要是为了防止垃圾邮件的侵袭,所以以下方法不保障能完全成功,贴在这里供大家参考,了解两台邮件服务器之间的对接过程.如果你操作的 ...

  5. wow怀旧服新开服务器最新消息,魔兽世界怀旧服服务器开放进展3月24日更新

    魔兽世界怀旧服玩家: 我们已于今日(3月24日)新增2组经典怀旧服服务器: 同时,以下服务器的玩家可以通过免费角色转移服务转入巨龙沼泽服务器: 转出服务器 转移方向 转入服务器 光芒.范沃森.无畏.寒 ...

  6. telnet给服务器发消息,Telnet按字符发送字符串

    我写的代码可以发送消息给服务器.问题是,如果我捕捉Wireshark的沟通,从我的应用程序发送我的字符串的消息是这样的:Telnet按字符发送字符串 hello - 1 packet 如果我检查的Te ...

  7. 服务器发消息给所有人,我需要服务器向所有客户端(Python、sockets)发送消息...

    如果需要向所有客户端发送消息,则需要以某种方式保存所有客户端的集合.例如:clients = set() clients_lock = threading.Lock() def listener(cl ...

  8. node服务器给客户端发消息,上的node.js发送消息客户端 - 服务器 - 客户端上socket.io(Sen...

    我使用的NodeJS + Socket.IO简单的网页游戏. 有用. 为什么? 这里是我的server.js var app = require('express').createServer(); ...

  9. java tcp发消息给硬件_服务器可以使用TCP向客户端发送消息吗?

    如果您有自定义客户端(例如,不是浏览器中的Web应用程序),则可以根据需要与服务器 Build 纯TCP连接 . 但是,TCP上的每次传输都需要双方正在使用的某种数据格式(通常称为"协议&q ...

最新文章

  1. java log4j 文件_java log4j 日志文件
  2. Spring Cloud Alibaba 之 服务通信 REST消息通信:如何使用 OpenFeign 简化服务间通信
  3. ICCV2013-Hybrid Deep Learning for Face Verification
  4. 使用 UIWebView 来播放视频
  5. 学数解题160919
  6. 线程基础知识——Windows核心编程学习手札系列之六
  7. Null reference pointer was passed to the stub when not debugging with IE
  8. 一个有趣的问题,讨论讨论
  9. 新版本 Swashbuckle swagger 组件中的 坑
  10. 如何自学成Python大神?这份学习宝典火爆 IT 圈!
  11. ZPL指令打印 斑马打印机指令打印
  12. 9-21 调试javaweb 数据库连接感想
  13. 如何在CHROME里调试前端代码?
  14. RDIFramework.NET V3.3 WinForm版新增订单管理主从表事例
  15. 以图搜图在线网站汇总(共7个)
  16. 高德地图使用vue-amap 自定义点坐标
  17. 非三星手机无法登录三星账号_如何解决所有三星手机的烦恼
  18. 虚拟机包 OVF和OVA的区别
  19. 无聊写着玩:解二阶线性微分方程
  20. 圈复杂度详解以及解决圈复杂度常用的方法

热门文章

  1. java流程图什么代表活动_举例分析流程图与活动图的区别与联系
  2. Java必备技能:IDEA一定要懂的32条快捷键
  3. 稀疏贴图 SparseTexture
  4. vs visual stdio 调试 显示指针为数组
  5. 写给MongoDB开发者的50条建议Tip14
  6. Computex电脑展:AMD表现抢眼,融合将成市场主流
  7. python AES对称加密文件、解密文件
  8. python 接口测试 如何写配置文件_python接口自动化之ConfigParser配置文件的使用详解...
  9. python dendrogram_收藏 | Python数据可视化的一些简单总结
  10. mybatisplus service insert 空指针_c++ 图解层序遍历和逐层打印智能指针建造的二叉树...