个人博客 个人博客
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

董先亮

前端react开发
首页
  • 前端
  • 后端
  • Git
  • Docker
  • 网络
  • 操作系统
工具
阅读
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 高德地图接入
  • 以鼠标为中心缩放
  • 银行卡号验证
  • 前端规范化
  • 二维码与条形码
  • 监控设备接入
  • 获取鼠标位置坐标
  • node、npm关系
  • node-sass版本问题
  • html实现拖拽
  • npm发包
  • rullup打造工具库
  • 九宫格拖拽
  • 前端项目审核
  • 多次引用相同文件的打包问题
  • 前端面试题
  • websocket即时通讯
    • 介绍
    • WebSocket 的事件
    • Websoket.readyState状态
    • Websoket使用
  • 前端专题
NeverStop1024
2023-07-12
目录

websocket即时通讯

# 介绍

在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输v

# WebSocket 的事件

ws.onopen - 建立连接时触发
ws.onmessage - 客户端接收服务端数据时触发
ws.onerro -通信错误时触发
ws.onclose - 连接错误时触发

1
2
3
4
5

# Websoket.readyState状态

 readyState属性返回实例对象的当前状态,有四种状态
0 - 表示正在连接
1 - 表示连接成功可以通信
2 - 表示连接正在关闭
3 - 表示连接已经关闭,或者打开链接失败
1
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
编辑 (opens new window)
上次更新: 2023/07/12
前端面试题

← 前端面试题

最近更新
01
mock使用
07-12
02
前端面试题
07-09
03
自定义hook
07-09
更多文章>
Theme by Vdoing | Copyright © 2022-2023 NeverStop1024 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式