websocket即时通讯
# 介绍
在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输v
# WebSocket 的事件
ws.onopen - 建立连接时触发
ws.onmessage - 客户端接收服务端数据时触发
ws.onerro -通信错误时触发
ws.onclose - 连接错误时触发
1
2
3
4
5
2
3
4
5
# Websoket.readyState状态
readyState属性返回实例对象的当前状态,有四种状态
0 - 表示正在连接
1 - 表示连接成功可以通信
2 - 表示连接正在关闭
3 - 表示连接已经关闭,或者打开链接失败
1
2
3
4
5
2
3
4
5
# Websoket使用
//创建一个webSoket对象
let ws = new WebSocket('接口地址')
// 获取webSoket连接状态
conson.log(ws.readyState)
//连接成功时触发
ws.onopen(){
conson.log('连接成功')
}
//连接失败时触发
ws.onerror(){
conson.log('连接失败')
}
//向服务端发送请求
ws.send()
//接收消息时触发
ws.onmessage(MessageEvent){
conson.log(MessageEvent.data)
}
//连接关闭
ws.onclose(){
conson.log('连接关闭')
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
编辑 (opens new window)
上次更新: 2023/07/12