WebScoket-1

妖狐艹你老母 2024-04-18 10:47 76阅读 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 + “

“);

// 滚动条滚动到最低部

$(“#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 条评论，76人围观）

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

相关阅读

    相关 WebScoket了解

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

    迈不过友情╰迈不过友情╰/ 0 赞/ 101 阅读

    相关 WebScoket-1

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

    妖狐艹你老母妖狐艹你老母/ 0 赞/ 77 阅读

    相关 HTTP、Tcp、webscoket总结

    网络编程大家都不陌生，但平时我们只是知道怎么用，对个中的网络协议倒是没花多少工夫去学习，所以，我们今天特意来对 网络协议相关的知识加以总结记录。 1）网络七层协议，从上到下

    Dear 丶Dear 丶/ 0 赞/ 56 阅读