WebSocket- 前端篇

js 复制代码
	  // 为了浏览器兼容websocket
	  const WebSocket = window.WebSocket || window.MozWebSocket
      // 创建连接 
      this.socket = new WebSocket('ws://xxx')
      // 连接成功
      this.socket.onopen = (res)=>{
        console.log('websocket 连接成功')
        this.socket.send('入参字段') // 传递的参数字段
      }
      // 后端针对刚才传的字段返回对应数据
      this.socket.onmessage = e=>{
      	console.log(e.data,'从服务器获取的数据')
        //关闭连接
        this.socket.close()
      }

      // 连接失败后的回调函数
      this.socket.onerror = function (err) {
        console.log("连接失败了",err);
      };
  • 前端写websocket请求时为什么要这样定义const WebSocket = window.WebSocket || window.MozWebSocket?
相关推荐
带娃的IT创业者4 分钟前
Weclaw 混合通讯架构实战:HTTP+SSE+WebSocket的三元融合如何支撑起整个 AI 助手的实时对话?
websocket·http·fastapi·sse·流式响应·实时通讯·混合架构
运维有小邓@8 分钟前
文件分析如何检测文件安全漏洞?
网络·安全·web安全
志栋智能8 分钟前
从手动处置到自动响应:安全工作的范式升级
网络·安全
Dxy123931021610 分钟前
JS如何把数据添加到列表中
前端·javascript·vue.js
蜡台15 分钟前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
mounter62516 分钟前
深度解析 RDMA 技术的里程碑:基于 DMA-BUF 的 P2P 直接访问(GPU Direct RDMA 新姿势)
linux·运维·服务器·网络·p2p·kernel
旭久17 分钟前
web前端开发好物推荐-(code-inspector-plugin/react-dev-inspector)页面快捷定位代码位置
前端·react.js·前端框架
floret. 小花20 分钟前
Vue3 知识点总结 · 2026-03-20
前端·面试·electron·学习笔记·vue3
木斯佳22 分钟前
前端八股文面经大全:Bilibili 前端实习面(2026-03-20)·深度解析
前端·sse·ssr·rag