HTML5 WebSocket 简单实例

男娘i 2022-07-19 05:30 193阅读 0赞

*   *  什么是WebSocket
     *  WebSocket 简单实例

## 什么是WebSocket ##

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。  
例如 网页的 一部分 需要 实时更新数据 如果用ajax 请求的话 需要 不断的建立http连接请求 给服务器造成压力的同时也不能保证数据的实时性（拉方式）  
而WebSocket 则可以 实现真正的实时性，建立连接后服务器可以不断的发送数据给客户端。（推方式）

## WebSocket 简单实例 ##

function webSocketTest() { 
            if ("WebSocket" in window) {
                var webSocket = new WebSocket("ws://请求的地址");
    
                webSocket.onopen= function () { 
                     //Web Socket 已经连接上，使用send() 方法发送数据
                    alert("数据发送中......")
                    webSocket.send("asdfasdf");
                }
                webSocket.onmessage= function (evt) { 
                    alert("接收的数据是："+evt.data);
                }
                webSocket.onclose= function () { 
                    //关闭websocket
                    alert("连接已关闭");
                }
                webSocket.onerror= function () { 
                    alert("通信错误")
                }
            } else {
                alert("抱歉你的浏览器不支持WebSocket")
            }
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5 WebSocket 技术介绍

WebSocket是html5规范新引入的功能，用于解决浏览器与后台服务器双向通讯的问题，使用WebSocket技术，后台可以随时向前端推送消息，以保证前后台状态统一，在

- 日理万妓/ 2022年08月25日 13:57/ 0 赞/ 210 阅读

相关 html5 WebSocket

websocket允许我们建立时时全双共的web实时通信,websocket没有出现之前，我们是利用长轮询，客户端和服务器建立起长期的链接，直到服务器数据状态改变或者时间过期才

╰半橙微兮°/ 2022年08月21日 04:56/ 0 赞/ 187 阅读

相关 HTML5 WebSocket简介

前言作为下一代的 Web标准，HTML5 拥有许多引人注目的新特性，如 Canvas、本地存储、多媒体编程接口、WebSocket等等。这其中有“Web的 TCP ”之

港控/mmm°/ 2022年08月19日 12:10/ 0 赞/ 275 阅读

相关 HTML5 WebSocket 简单实例

什么是WebSocket WebSocket 简单实例什么是WebSocket WebSocket是HTML5开始提供的一种在单个 TCP

男娘i/ 2022年07月19日 05:30/ 0 赞/ 194 阅读

相关 HTML5 WebSocket使用详解

1.使用Eclipse+Tomcat8环境进行演示 2.创建一个Servlet用于接收客户端的请求数据，并进行处理 \[java\] view plain copy pr

╰半橙微兮°/ 2022年07月13日 14:00/ 0 赞/ 198 阅读

相关 html5 record 录音实例使用websocket

[http://www.jsjtt.com/webkaifa/html5/2013-08-28/34.html][http_www.jsjtt.com_webkaifa_htm

迈不过友情╰/ 2022年06月01日 13:18/ 0 赞/ 470 阅读

相关 HTML5 WebSocket

WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后

我就是我/ 2022年05月19日 08:05/ 0 赞/ 216 阅读

相关 HTML5 WebSocket简介

HTML5 WebSocket WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器

末蓝、/ 2022年05月12日 00:48/ 0 赞/ 264 阅读

相关 HTML简单实例

刚学完Html5,为了加深对Html5的理解，便突发奇想的使用纯Html写了一个纯静态的页面，代码通俗易懂，适合小白进行研究学习。代码效果： ![在这里插入图片描述][

浅浅的花香味﹌/ 2021年10月14日 04:18/ 0 赞/ 419 阅读

相关 HTML5 WebSocket

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主

水深无声/ 2021年09月17日 01:14/ 0 赞/ 401 阅读