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 方法。
相关推荐
齐鲁大虾12 分钟前
如何彻底解决从公网HTTP页面请求私有HTTP资源跨域问题
网络·网络协议·http
g3voip20 分钟前
洁净室IP电话机是什么?无尘车间语音通信设备的功能与部署要点
网络·网络协议·tcp/ip
上海云盾第一敬业销售26 分钟前
网站安全防护策略与误报处理方案探索
网络协议·web安全·ddos
tobias.b41 分钟前
JumpServer4\.10\.16离线部署\+外部Nginx反向代理 解决30分钟空闲断开WebSocket超时(延长10天)
运维·websocket·nginx
韩曙亮1 小时前
【Flutter】Flutter 中的 Android / iOS 特殊配置 ① ( 网络权限配置 | HTTP 明文传输配置 | 应用名称配置 )
android·网络·flutter·http·ios·网络权限
Jacob程序员1 小时前
WebSSH技术实现全解析
linux·运维·服务器·websocket
梁辰兴1 小时前
计算机网络基础:动态主机配置协议 DHCP
网络·计算机网络·dhcp·计算机网络基础·动态主机配置协议·梁辰兴
Dream_ksw1 小时前
借助AI再次理解三次握手和四次挥手
服务器·网络·tcp/ip
m0_738120722 小时前
渗透测试基础——PHP 序列化数据结构与反序列化机制详解
android·服务器·网络·数据结构·安全·php
myenjoy_12 小时前
采集网关的离线缓存与断点续传——当网络不可靠时,数据一条都不能丢
网络·缓存