`
2008winstar
  • 浏览: 60832 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
  • chenke: 写的很好,也可以看看那这个文章,我感觉学的还可以。http:/ ...
    HTML

HTML5之WebSocket

 
阅读更多

通过WebSocket()构造函数创建一个WebSocket:

var socket = new WebSocket('ws://ws.example.com:8888/example');

 

WebSocket()构造函数的参数是一个URL,该URL使用ws://协议(或者类似于https://用于安全连接的wss://协议)。该URL指定要连接的主机,还有可能指定端口(WebSocket使用和HTTP以及HTTPS一样的默认端口)和路径或者资源。

 

创建完WebSocket后,可以在上面注册事件监听函数:

 

socket.onopen = function(e){
  //WebSocket连接时执行
}
socket.onclose = function(e){
  //WebSocket关闭时执行
}
socket.onerror = function(e){
  //WebSocket出错时执行
}
socket.onmessage = function(e) {
  //接收到消息时执行;
  var message = e.data;
}

 

WebSocket方法:

(1)向服务端发送数据,可以调用WebSocket的send()方法:

socket.send('message');

 

(2)关闭WebSocket

socket.close()

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    HTML5 WebSocket权威指南

    《HTML5 WebSocket权威指南》是HTML5 WebSocket领域最权威的著作之一,它系统、全面地讲解了HTML5 WebSocket的各个方面,是Web开发人员和架构师学习WebSocket的最佳选择。书中讨论了基于WebSocket的架构师如何减少...

    HTML5WebSocket权威指南

    资源名称:HTML5 WebSocket权威指南内容简介:《HTML5 WebSocket权威指南》是HTML5 WebSocket领域最权威的著作之一,它系统、全面地讲解了HTML5 WebSocket的各个方面,是Web开发人员和架构师学习WebSocket的最佳选择...

    html页面测试websocket

    HTML5引入了WebSocket API,允许开发者在JavaScript中创建WebSocket对象,与服务器建立连接,发送和接收数据。 `jquery.min.js`是一个轻量级的JavaScript库,简化了DOM操作、事件处理和AJAX交互。在这个项目中,...

    HTML5 websocket 聊天

    WebSocket是HTML5的一项重要技术,它为Web应用提供了全双工、低延迟的通信机制,使得浏览器和服务器之间可以实时交换数据,非常适合构建实时交互的聊天应用。在本项目中,我们将探讨如何利用HTML5的WebSocket特性,...

    HTML5+WebSocket实例

    HTML5和WebSocket技术是现代Web开发中的重要组成部分,它们极大地提升了网页应用的实时性和互动性。HTML5作为超文本标记语言的新版本,引入了许多新特性,而WebSocket则是它的一个关键特性,用于创建持久的双向通信...

    HTML5 WebSocket权威指南 PDF电子书下载 带书签目录 高清完整版

    根据提供的文件信息,标题和描述中提到的知识点是关于HTML5和WebSocket,接下来将详细解释这两个知识点。 HTML5是一种网页制作技术,是HTML的第五次重大修订。它是万维网的核心语言、标准通用标记语言下的一个应用...

    jetty html5 websocket服务器

    Jetty HTML5 WebSocket服务器是一种基于Java的轻量级Web服务器,它支持HTML5的WebSocket协议,使得实时双向通信成为可能。WebSocket是Web应用程序中的一个关键技术,它允许客户端和服务器之间建立持久连接,从而实现...

    Html5 WebSocket c++实例

    WebSocket是HTML5中引入的一种全双工通信协议,它允许Web应用和服务端进行持久性的双向通信,打破了传统的HTTP请求-响应模式。WebSocket协议基于TCP,提供了低延迟、高效率的数据传输方式,尤其适用于实时交互应用,...

    webSocket+HTML5

    在“webSocket+HTML5”这个主题中,我们将深入探讨WebSocket如何与HTML5结合以实现高效、低延迟的网络交互。HTML5是现代网页开发的标准,它引入了许多新特性,其中就包括WebSocket API。WebSocket API使得浏览器可以...

    HTML5++WebSocket权威指南.pdf

    WebSocket 领域最全面和系统的著作、三位资深html5技术专家共同编写;系统讲解 websocket 的API、协议、消息传输安全性和企业部署,并给出通过websocket协议通信的真实示例,可操作性强。

    基于HTML5的websocket

    基于HTML5的websocket

    html5测试websocket.rar

    WebSocket是HTML5的一项重要技术,它为Web应用提供了全双工、低延迟的通信机制,使得客户端和服务器端可以实时地交换数据。本压缩包"html5测试websocket.rar"包含了有关WebSocket的测试代码,其中文件名为"h5sse",...

    HTML5的websocket使用。

    这个项目是练习使用html5的WebSocket来开发,将后台线程收到的要显示的图片的字符串显示在前台界面。采用websocket的来获取session,之后用session(websocket的session)来向前台界面推送字符串,避免了频繁的前台...

    基于thinkphp5.1和workerman框架,HTML5的websocket即时通讯.zip

    标题中的“基于ThinkPHP5.1和Workerman框架,HTML5的WebSocket即时通讯”揭示了本次讨论的关键技术栈。这是一个使用现代Web技术构建实时通信应用的项目,涉及到的主要技术包括: 1. **ThinkPHP5.1**: ThinkPHP是...

    基于HTML5的websocket和PHP技术开发的聊天室demo

    WebSocket协议是HTML5标准的一部分,它提供了一种双向通信机制,允许服务器和客户端之间进行持续的、低延迟的数据交换,这对于实时聊天室、在线游戏、股票交易等需要实时更新的应用场景尤为适用。 在"基于HTML5的...

    构建实时Web应用(基于HTML5 WebSocket、PHP和jQuery)

    本文将深入探讨如何使用HTML5的WebSocket协议、PHP后端处理以及jQuery前端库来构建实时Web应用。WebSocket提供了一种全双工的通信机制,允许服务器与客户端之间进行连续的数据交换,而不仅仅是HTTP请求-响应模式。 ...

    HTML5+WebSocket实现多文件同时上传的实例

    以上就是使用HTML5和WebSocket实现多文件同时上传的基本原理和步骤。这种方法不仅可以提高上传效率,还能提供更好的用户体验,因为用户可以看到每个文件的实时上传进度。需要注意的是,WebSocket在某些环境中可能不...

    websocket发送裸H264到Html5解码

    在HTML5中,WebSocket API为实时通信提供了强大的支持,可以用于实现视频流的实时传输。 标题“WebSocket发送裸H264到Html5解码”涉及到的关键技术点是: 1. WebSocket协议:WebSocket协议是HTTP协议的升级版,...

Global site tag (gtag.js) - Google Analytics