websocket 使用

最新推荐文章于 2025-03-13 16:26:47 发布

Striver_598

最新推荐文章于 2025-03-13 16:26:47 发布

阅读量123

点赞数

分类专栏： websocket 文章标签： javascript

本文链接：https://blog.csdn.net/m0_53574149/article/details/129853876

版权

websocket 专栏收录该内容

1 篇文章

订阅专栏

该代码示例展示了如何使用WebSocket建立连接并处理不同类型的消息，如登录、心跳（ping-pong）、列表更新、初始化及信息显示。当收到特定消息时，系统会执行相应操作，如设置存储列表、绑定客户端ID、显示文本并播放提示音。

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

//websocket的使用  建立叫号系统消息接收服务
const websocketMessgae = (value) => {
 const Socket = new WebSocket('wss://test.xxx.net.cn:0000/');
 Socket.onopen = () => {
  Socket.send('Login!');
 };
 // 连接关闭时触发
 Socket.onclose = (evt) => {
  console.log('WebSocketClosed!');
 };
 // 接收服务器返回的数据
 Socket.onmessage = (e) => {
  const data = JSON.parse(e.data);
  console.log('data',data);
  switch(data['type']){
  case 'ping':
   Socket.send('{"type":"pong"}');
   break;;
  case 'list':
   setStoreList(data['list']);
  case 'init':
   bindStore(data['client_id'],value);
   break;
  case 'info':
   setText(data['text']);
   CallTone(data['text'],data['id']);
   break;
  }
 };
 // 连接中发生异常
 Socket.onerror = (evt) => {
  console.log('WebSocketError!');
 };
}


ajax({ url: `/xxx/xxx`, method: 'POST', data: {} })
.then(({ data }) => {
    if (data.status) {
        websocketMessgae(data);
    } 
})
.catch(err => console.log(err, 'err'))