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?
相关推荐
KLW751 分钟前
vue watch监听
前端·javascript·vue.js
Tandy12356_11 分钟前
手写TCP/IP协议——实现ping的响应
c语言·网络·c++·网络协议·tcp/ip·计算机网络
晴殇i15 分钟前
🎉 TRAE 一年使用的过程体验 🎉
前端
阿拉伯柠檬16 分钟前
传输层与传输层协议UDP
linux·网络·网络协议·面试·udp
GDAL20 分钟前
Tailwind CSS Flex 布局深入全面教程
前端·css·tailwindcss
qq. 280403398423 分钟前
react --> redux
前端·react.js·前端框架
前端不太难25 分钟前
用 RN 的渲染模型,反推 Vue 列表的正确拆分方式
前端·javascript·vue.js
JS_GGbond30 分钟前
防抖与节流:前端性能优化“双剑客”
前端
KLW7535 分钟前
vue v-if和v-show比较
前端·css·css3
梵尔纳多39 分钟前
使用 Electron 实现一个简单的文本编辑器
前端·javascript·electron