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?
相关推荐
leoZ2313 小时前
第 6 篇:SchemaForm 渲染器核心实现
前端·javascript·vue.js·人工智能·神经网络·机器学习·自然语言处理
CoderYanger3 小时前
前端基础——JavaScript(基础语法)(下篇)
java·开发语言·前端·javascript·程序人生·面试·职场和发展
sugar__salt3 小时前
从跨域到 WebSocket:一篇讲透浏览器的通信边界
网络·websocket·网络协议
还是大剑师兰特3 小时前
vue项目浏览器版本判别,低于IE11跳转到新页面
前端·javascript·vue.js
2601_966799043 小时前
酷嗨米J300:硬件级多通道分发采集设备,为矩阵直播打造独立信号通道
服务器·网络·负载均衡
2601_967212723 小时前
新一代电源轨道系统技术甄别维度与行业技术路线分析
大数据·网络·人工智能
艾芯微科技3 小时前
SKY13370‑374LF|0.5‑6GHz SPDT 射频开关,WLAN/LTE 射频前端实用器件
网络·单片机·嵌入式硬件·集成测试·51单片机
计算机魔术师3 小时前
奥尔特曼致歉 GPT-6 Astra 发布混乱,现已面向所有 Plus / Pro 等用户推出
前端
落樱弥城4 小时前
RHI 设计考量:不同 API 差异分析
服务器·前端·性能优化
热心网友俣先生4 小时前
2026国赛C题:五年命题规律与预测
java·c语言·前端·数学建模