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?
相关推荐
troy12811 小时前
智能体沙箱:如何为 Agent 模型搭建安全试验场,降低幻觉带来的损失
网络·安全
LHR_friendship12 小时前
HCIP课程全部内容
网络·笔记·学习·hcip·华为ensp
liangshanbo121512 小时前
高级前端面试题:package.json 常见字段
前端·json
Chengbei1112 小时前
拒绝无效洞!蚂蚁Src榜一Clown 2.0 SRC SKill 第二代带状态闭环的白盒 & 黑盒审计 Skill
网络·人工智能·安全·web安全·网络安全·自动化·安全架构
CappuccinoRose12 小时前
输入事件进阶
前端·javascript·输入事件
2301_7779983412 小时前
TCP协议:滑动窗口与流量控制
服务器·网络·网络协议·tcp/ip·php
1560820721912 小时前
使用JFMRFVU3P多通道同步相位测试
网络·人工智能
2401_8685347813 小时前
网络冗余设计
网络
liangshanbo121514 小时前
面试题:前端工程化中 Tree Shaking的原理是什么?
前端·treeshaking
wangbing112514 小时前
开发指南148-WebSocket-前端查报文
网络·websocket·网络协议