websocket---Html5

使用websocket主要是处理,通过服务器向页面发送消息,进行页面操作的处理.

以前类似情况,由于程序立即相应,处理事件较短,所遇采用过ajax进行轮询,

但是由于本次,需要人工干预,所以采用websocket基于消息推送的方式.

js代码

1.声明一个新的socket对象

var ws = new WebSocket("ws://127.0.0.1:8000")

2.socket联接成功后回调函数

ws.onopen = function(){ws.send(“Test!”); };

3.获取socket传送信息

ws.onmessage = function(evt){console.log(evt.data);ws.close();};

4.socket关闭函数

ws.onclose = function(evt){console.log(“WebSocketClosed!”);};

5.socket错误处理函数

ws.onerror = function(evt){console.log(“WebSocketError!”);};

时间: 2024-08-25 17:24:47

websocket---Html5的相关文章

SpringMVC+Mybatis框架整合源码 项目 下载 rest websocket html5

获取[下载地址]   QQ: 313596790   [免费支持更新]A 代码生成器(开发利器);全部是源码     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都有明显的优势C 安全权限框架shiro ;  Shiro 是一个用

SpringMVC+Mybatis框架整合源码 项目 下载 rest websocket html5 自定义表单

获取[下载地址]   [免费支持更新]三大数据库 mysql  oracle  sqlsever   更专业.更强悍.适合不同用户群体[新录针对本系统的视频教程,手把手教开发一个模块,快速掌握本系统] A 集成代码生成器 [正反双向(单表.主表.明细表.树形表,开发利器)+快速构建表单; freemaker模版技术 ,0个代码不用写,生成完整的一个模块,带页面.建表sql脚本,处理类,service等完整模块B 集成阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Dr

SpringMVC+Mybatis框架整合源码 项目 自定义表单 rest websocket html5

获取[下载地址]   QQ: 313596790   [免费支持更新]三大数据库 mysql  oracle  sqlsever   更专业.更强悍.适合不同用户群体[新录针对本系统的视频教程,手把手教开发一个模块,快速掌握本系统]A 集成代码生成器(开发利器);                                         技术:313596790   增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面

golang(5):编写WebSocket服务,client和html5调用

本文的原文连接是: http://blog.csdn.net/freewebsys/article/details/46882777 转载请必须注明出处! 1.关于websocket HTML5定义了WebSocket协议,能更好的节省server资源和带宽并达到实时通讯. 在JavaEE7中也实现了WebSocket协议. 在 WebSocket API,浏览器和server仅仅须要要做一个握手的动作.然后,浏览器和server之间就形成了一条高速通道. 两者之间就直接能够数据互相传送. 參考

golang(5):编写WebSocket服务,客户端和html5调用

本文的原文连接是: http://blog.csdn.net/freewebsys/article/details/46882777 转载请必须注明出处! 1,关于websocket HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽并达到实时通讯. 在JavaEE7中也实现了WebSocket协议. 在 WebSocket API,浏览器和服务器只需要要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道.两者之间就直接可以数据互相传送. 参考: http://ba

websocket实战(2) 信息处理发送、接收和编码

websocket 和传统意义上的socket编程虽然存在差别,但也存在相通概念,也分服务端和客户端. 主要区别 对于websocket,客户端的编写方式是通过JS编写回调函数完成交互:而传统socket,则需要连接端口,通过输入输出流来传递信息,完成交互: 传统的socket,服务端则需要绑定端口,通过accept 方法,等待客户端的连接.websocket 规范则把处理细节由web服务器来完成. 数据处理是websocket的一项主要工作.按工作阶段划分,主要包括以下方面. 信息发送 信息解

HTML5 教程

HTML5 简介 HTMLHTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定.HTML5的设计目的是为了在移动设备上支持多媒体.HTML5 简单易学. 什么是 HTML5? HTML5 是下一代 HTML 标准.HTML , HTML 4.01的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变.HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持.HTML5 是如何起步的?HTML5 是 W3C 与 WHAT

HTML5 一篇就够的中文教程

HTML5 是近十年来 Web 开发标准最巨大的飞跃.HTML5 并非仅仅用来表示 Web 内容,它将 Web 带入一个成熟的应用平台,在 HTML5 平台上,视频.音频.图象.动画,以及同电脑的交互都被标准化. 本教程将教会大家HTML5中的新特性,以及每种标签的使用 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article.footer.header.nav.sec

WebSocket协议:5分钟从入门到精通

一.内容概览 WebSocket的出现,使得浏览器具备了实时双向通信的能力.本文由浅入深,介绍了WebSocket如何建立连接.交换数据的细节,以及数据帧的格式.此外,还简要介绍了针对WebSocket的安全攻击,以及协议是如何抵御类似攻击的. 二.什么是WebSocket HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术,属于应用层协议.它基于TCP传输协议,并复用HTTP的握手通道. 对大部分web开发者来说,上面这段描述有点枯燥,其实只要记住几点: WebSocket可以在浏

WebSocket:5分钟从入门到精通

一.内容概览 WebSocket的出现,使得浏览器具备了实时双向通信的能力.本文由浅入深,介绍了WebSocket如何建立连接.交换数据的细节,以及数据帧的格式.此外,还简要介绍了针对WebSocket的安全攻击,以及协议是如何抵御类似攻击的. 二.什么是WebSocket HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术,属于应用层协议.它基于TCP传输协议,并复用HTTP的握手通道. 对大部分web开发者来说,上面这段描述有点枯燥,其实只要记住几点: WebSocket可以在浏