WebScoket-1

妖狐艹你老母 2024-04-18 10:47 38阅读 0赞

**Websocket允许通过JavaScript建立与远程服务器的连接，从而实现客户端与服务器间双向的通信，是种持久化协议。在websocket实例中有两个方法：**

1.  send() 向远程服务器发送数据
2.  close() 关闭该websocket链接

**websocket的监听函数：**

1.  onopen 当网络连接建立时触发该事件
2.  onerror 当网络发生错误时触发该事件
3.  onclose 当Websocket被关闭时触发该事件
4.  onmessage 当Websocket接收到服务器发来的消息的时触发的事件，也是通信中最重要的一个监听事件。event.data

案例：

// 指定websocket路径

var websocket = new WebSocket('ws://localhost:8088/MQ/ws');

websocket.onmessage = function(event) //监听事件

//event.data 获取监听的数据源

\{

var data=JSON.parse(event.data);

// 接收服务端的实时日志并添加到HTML页面中

$("\#log-container div").append(data.text + "<p> </p>");

// 滚动条滚动到最低部

$("\#log-container").scrollTop($("\#log-container div").height() - $("\#log-container").height());

\};

**websocket的readyState属性，这个属性可以返回Webscoket的状态：**

1.  CONNECTING(0) websocket正尝试与服务器建立连接
2.  OPEN(1) websocket与服务器已经建立连接
3.  CLOSING(2) websocket正在关闭与服务器的连接
4.  CLOSED(3) websocket已经关闭了与服务器的连接

Websocket的url开头是ws，如果需要ssl加密可以使用wss，当我们调用websocket的构造方法构建一个Websocket对象（new WebSocket(url)）的之后，就可以进行即时通信了。

**创建WebScoket对象：var scoket = new WebScoket(url);**

总结

Socket在应用程序间通信被广泛使用，如果需要兼容低版本的浏览器，建议使用反向ajax或长链接实现；如果纯移动端或不需考虑非现代浏览器则可以直接使用websocket。

发表评论取消回复

表情：

评论列表（有 0 条评论，38人围观）

还没有评论，来说两句吧...

相关阅读

相关 WebScoket了解

为什么使用WebScoket： B/S结构的软件项目中有时客户端需要实时的获得服务器消息，但默认HTTP协议只支持请求响应模式，这样做可以简化Web服务器，减少服务器...

迈不过友情╰/ 2024年04月18日 10:47/ 0 赞/ 49 阅读

相关 WebScoket-1

*Websocket允许通过JavaScript建立与远程服务器的连接，从而实现客户端与服务器间双向的通信，是种持久化协议。在websocket实例中有两个方法：** ...

妖狐艹你老母/ 2024年04月18日 10:47/ 0 赞/ 39 阅读

相关 springboot整合webscoket长连接（十）

http http协议是用在应用层的协议，是基于tcp协议的，http协议建立链接也必须要有三次握手才能发送信息。 http链接分为短链接，长链接，短链接是每次请求都

阳光穿透心脏的1/2处/ 2023年10月07日 15:53/ 0 赞/ 2 阅读

相关使用webScoket遇到的坑

在使用webScoket遇到个这个问题：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

淡淡的烟草味﹌/ 2023年06月11日 03:28/ 0 赞/ 41 阅读

相关 webscoket的使用

Q: webscoket是什么？ A: 可以把其理解为可以由服务端主动推送消息的http协议 Q: webscoke有什么特点？ A: 建立在 TCP 协议之

╰半夏微凉°/ 2022年12月30日 01:23/ 0 赞/ 136 阅读

相关 SpringBoot + mybatis-plus整合webscoket

> webscoket原理：[请参考WebSocket的实现原理 ][WebSocket_] > webscoket一开始我只是简单会用，但是我觉得掌握webscoket原

超、凢脫俗/ 2022年12月10日 07:17/ 0 赞/ 96 阅读

相关 WebScoket

connect() { let that = this; let wsIp = process.env.VUE_APP_URL.

ゝ一纸荒年。/ 2022年11月20日 10:57/ 0 赞/ 178 阅读

相关 python webscoket(Autobahn)的使用

自从18年4月份入职游戏公司之后很少有时间写博客了！ ![img1][] 今天来聊聊python的websocket的使用，在游戏行业游戏客户端和服务端需要大量的，快速的

冷不防/ 2022年05月24日 10:18/ 0 赞/ 164 阅读

相关 spring 中 webscoket获取bean

package com.core.utils; import org.springframework.context.ApplicationConte

我就是我/ 2022年05月12日 08:38/ 0 赞/ 138 阅读

相关 webscoket 碰见的错误记录

unexpected response code : 400 ，由于路径错误引起的我的服务器使用了 nginx 代理，在jsp 页面使用 request.getS

太过爱你忘了你带给我的痛/ 2022年04月18日 06:42/ 0 赞/ 163 阅读