2019-11-20 WebSocket协议(三)

  1. 前端如何使用WebSocket来和服务器进行通信?
    以接收服务器发来的消息为例,首先新建一个socket对象
//初始化一个websocket连接
let wb = new  WebSocket("wss://username:password@example.com")
ws.onmessage = function (e) {
  // json数据转换成js对象
  const data = eval('(' + e.data + ')')
  console.log(data)//打印出接收到的消息
//...对数据进行其他处理
  }

通过上面的一个简单的例子就可以和指定的地址进行连接并接收信息了
除了onmessage接收消息的api 还有发送等api用法都是相同的,具体可以查看mdn文档https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocket

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文地址:http://www.ibm.com/developerworks/cn/java/j-lo-WebSo...
    敢梦敢当阅读 12,877评论 0 50
  • 背景 在最近的项目中,有一个数据展示的需求,要求是实时展示各组颜色与倒计时。在技术层面就是延时要控制到非常低。 对...
    前端宝爸阅读 5,239评论 2 1
  • 这是我将要编写的WebSocket系列的第一篇文章,其目标是以最简单的方式解释事物。让我们直接进入它。 WebSo...
    开心人开发世界阅读 4,204评论 0 6
  • 带来两大好处:1:Header互相沟通的Header是很小的,大概只有2 Bytes2:Server Push服务...
    liuboxx1阅读 3,385评论 0 2
  • 如果一件东西用了很久 散发出来旧旧的味道 混杂着属于你的气息 成为你的习惯 成为你生活里的一部分 再旧一点 便散发...
    廿小阙阅读 1,358评论 0 0