WebSocket的进阶理解

通过前端的方法

javascript 复制代码
let ws = new WebSocket("ws://");


ws.onopen = function() {
    // 当 WebSocket 连接成功建立时触发
};

ws.onmessage = function(event) {
    // 当接收到 WebSocket 服务器发送的消息时触发
    let message = event.data; // 获取接收到的消息内容
};

ws.send("Hello, WebSocket!");

// send() 方法用于向 WebSocket 服务器发送消息

可以理解为一个主动技能两个被动技能的新东西。
  • ws.onopen 前端的 WebSocket 连接建立事件对应后端的 @OnOpen 方法。
  • ws.onmessage 前端接收到消息事件对应后端的 @OnMessage 方法。
  • ws.send() 前端发送消息方法对应后端的 @OnMessage 方法。
相关推荐
鲜花飘飘扬4 小时前
HTTP请求头中表示代理IP地址的属性及获取情况
网络协议·tcp/ip·http
中微极客5 小时前
多智能体编排实战:CrewAI vs AutoGen(2026版)
大数据·网络·人工智能
小王C语言5 小时前
【3. 基于 Vibe Coding 的 OJ 平台】. 构建仓库、环境准备、需求梳理、安装依赖
网络·c++
新手unity自用笔记6 小时前
unity网络基础_1
网络·unity·游戏引擎
小王C语言6 小时前
【8.进行接口测试】:通过 curl 进行接口自动化测试 / 通过 python 程序进行接口自动化测试
网络·c++
一条大祥脚6 小时前
26杭电暑期第三场 DP|费用流|分解质因子|数论|贪心|图论|期望|无穷级数
网络·图论·网络流·无穷级数·费用流
早睡早起身体好1236 小时前
为什么 Network 中会出现两个同名请求?——CORS 预检请求学习笔记
网络·笔记·学习·网络安全
daad7777 小时前
记录matlab状态机demo
java·网络·matlab
paopaokaka_luck7 小时前
基于springboot3+vue3的智能文库平台(AI智能搜索、AI智能汇总、实时在线状态展示、多格式文档预览与富文本编辑、Echarts图形化分析)
前端·网络·spring boot·网络协议·echarts
Yang96118 小时前
告别“慢工出细活”:如何平衡光纤熔接的速度与精度?
网络