关于websocket前端的使用尝试——持续更新

本文详细介绍了首次使用WebSocket遇到的问题及解决办法,包括如何创建WebSocket对象、检查连接状态、发送字符串数据,以及如何使用事件监听处理连接的打开、关闭、接收消息和错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一次使用WebSocket,出现很多问题:特此记录。

举例:
先声明一个websocket,创建websocket的对象:
let webSocket = new WebSocket(“ws;//127.0.0.1:8800”)。
可以在浏览器上查看websocket的状态:
1、如果为0,代表正在连接。connecting
2、如果为1,代表连接成功。open
3、如果为2,代表连接正在关闭。closing
4、如果为3,代表连接已经关闭,或者打开失败。closed

使用webSocket发送数据:
webSocket.send(JSON.stringify({type:‘12312’}))
注意:此处send的数据只能是string类型。

之后使用事件监听,包括onopen,onclose,onmessage,onerror;
举例:
当有消息返回时,自动触发,并且调用function(e)函数
webSocket.onmessage = function(e){
console.log(e)
}
当成功后,有多个回调函数的话,可以使用webSocket.addEventListenter();
webSocket.addEventListenter(‘open’,function(event){webSocket.send(“hello websocket”);})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值