HTML5 WebSocket 简单实例

男娘i 2022-07-19 05:30 213阅读 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 条评论，213人围观）

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

相关阅读

相关 HTML5 WebSocket

WebSocket 是 HTML5 新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。为什么传统的 H

╰半橙微兮°/ 2023年06月02日 09:18/ 0 赞/ 69 阅读

相关 HTML5 WebSocket

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

╰半夏微凉°/ 2022年09月21日 03:58/ 0 赞/ 10 阅读

相关 HTML5 WebSocket 技术介绍

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

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

相关 html5 WebSocket

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

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

相关 HTML5 WebSocket简介

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

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

相关 HTML5 WebSocket 简单实例

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

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

相关 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 赞/ 514 阅读

相关 HTML5 WebSocket

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

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

相关 HTML5 WebSocket简介

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

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

相关 HTML5 WebSocket

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

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