HTML5 websocket学习

最新推荐文章于 2025-07-27 11:25:04 发布

大神，求带

最新推荐文章于 2025-07-27 11:25:04 发布

阅读量208

点赞数

CC 4.0 BY-SA版权

分类专栏： websocket

本文链接：https://blog.youkuaiyun.com/qq_43473279/article/details/89498003

websocket 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了WebSocket技术，包括其如何简化客户端与服务器之间的数据交换过程，对比传统AJAX轮询的优势，以及如何通过JavaScript创建WebSocket连接。文章还列举了WebSocket的主要事件（如open、message、error、close）和方法（如send、close），并提供了实例链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.websocket简介
实现客户端与服务器的数据交换变得简单，完成一次握手之后，可以直接进行数据传输，之前都是ajax轮询，在一段时间间隔内，由浏览器向服务器发送http请求，然http请求会带有很长的请求头，有用的只是一小部分，会造成宽带浪费。
在这里插入图片描述
浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。
当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。
以下 API 用于创建 WebSocket 对象。

var Socket = new WebSocket(url, [protocol] );

第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的，指定了可接受的子协议。
2.websocket事件
open---------建立连接
message------服务器向客户端传数据
error------通信发生错误
close-----连接关闭
3.websocket的方法
send-----使用连接发送数据
close----关闭连接
4.websocket的实例
客户端向服务器发送一个特殊的http协议，带有websocket的一个升级的http协议，服务器返回信息，这就建立好了连接
实例链接https://segmentfault.com/a/1190000011538416
参考来自：https://segmentfault.com/a/1190000011538416
http://www.runoob.com/html/html5-websocket.html