WebScoket

初始化

var ws = new WebSocket("wss://echo.websocket.org");

onopen:指定连接成功后的回调函数
send:向服务器发送数据

ws.onopen = function () {
  ws.send('Hello Server!');
}

onmessage:指定接收服务器返回数据后的回调函数

ws.onmessage = function(event) {
};

onclose:指定连接关闭后的回调函数

ws.onclose = function(event) {
};

onerror:指定报错时的回调函数

ws.onerror = function(event) {
};

实例:

 methods: {
   initWebSocket () {
     this.ws = new WebSocket('wss://??????????????')
     this.ws.onopen = this.webSocketOnOpen
     this.ws.onmessage = this.webSocketOnMessage
     this.ws.onerror = this.webSocketOnError
     this.ws.onclose = this.webSocketOnClose
   },
   webSocketOnOpen () {
     var messageObj = {
       'msgcode': 100,
       'msgname': 'session',
       'message': this.session
     }
     var msg = JSON.stringify(messageObj)
     this.ws.send(msg)
   },
   webSocketOnMessage (e) {
     let data = JSON.parse(e.data)
     console.log(data)
   },
   webSocketOnError () { // 连接错误就重连连接
     this.initWebSocket()
   },
   webSocketOnClose (e) {
     console.log('断开连接', e)
   }

 },
 mounted () {
   this.initWebSocket()
 }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值