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?
相关推荐
花落文心1 小时前
使用 html2canvas + jspdf 实现页面元素下载为pdf文件
前端·javascript·pdf
掘金安东尼1 小时前
🚀 6 行 HTML,让应用瞬间“起飞”:Speculation Rules API 全解析
前端·api·浏览器
望获linux2 小时前
【Linux基础知识系列】第一百一十篇 - 使用Nmap进行网络安全扫描
java·linux·开发语言·前端·数据库·信息可视化·php
乘乘凉2 小时前
Python中函数的闭包和装饰器
前端·数据库·python
Fantastic_sj3 小时前
部分CSS笔试题讲解
前端·css
雷达学弱狗5 小时前
链式法则解释上游梯度应用
开发语言·前端·javascript
爱隐身的官人6 小时前
爬虫基础学习-爬取网页项目(二)
前端·爬虫·python·学习
Jackson@ML7 小时前
使用字节旗下的TREA IDE快速开发Web应用程序
前端·ide·trea
哦你看看9 小时前
计算机网络技术(下)
网络·计算机网络
幽络源小助理9 小时前
如何从零开始学习黑客技术?网络安全入门指南
网络·学习·web安全