湖南省邵阳市建设局网站,做学院网站用到的动图,网站运营与管理的一个目的是,推广方案Websocket 1.websocket是什么#xff1f; WebSocket是为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接#xff0c; 此后服务端与客户端通过此TCP连接进行实时通信。 2.websocket的优点 以前我们实现推送技术…Websocket 1.websocket是什么 WebSocket是为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接 此后服务端与客户端通过此TCP连接进行实时通信。 2.websocket的优点 以前我们实现推送技术用的都是轮询在特点的时间间隔有浏览器自动发出请求将服务器的消息主动的拉回来在这种情况下我们需要不断的向服务器 发送请求然而HTTP request 的header是非常长的里面包含的数据可能只是一个很小的值这样会占用很多的带宽和服务器资源。会占用大量的带宽和服务器资源。 WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻相互推送信息。在建立连接之后服务器可以主动传送数据给客户端。 此外服务器与客户端之间交换的标头信息很小。 WebSocket并不限于以Ajax(或XHR)方式通信因为Ajax技术需要客户端发起请求而WebSocket服务器和客户端可以彼此相互推送信息 关于ajax,comet,websocket的详细介绍和websocket报文的介绍大家可以参看http://www.shaoqun.com/a/54588.aspx 网页设计]Ajax、Comet与Websocket 我如果以后有时间也会写出来的 3.如何使用websocket 客户端 在支持WebSocket的浏览器中在创建socket之后。可以通过onopenonmessageonclose即onerror四个事件实现对socket进行响应 一个简单是示例 var ws new WebSocket(“ws://localhost:8080”);ws.onopen function(){ console.log(“open”);ws.send(“hello”);};ws.onmessage function(evt){console.log(evt.data)};ws.onclose function(evt){console.log(“WebSocketClosed!”);};ws.onerror function(evt){console.log(“WebSocketError!”);}; 1.var ws new WebSocket(“ws://localhost:8080”);申请一个WebSocket对象参数是需要连接的服务器端的地址同http协议使用http://开头一样WebSocket协议的URL使用ws://开头另外安全的WebSocket协议使用wss://开头。 ws.send(“hello”);用于叫消息发送到服务端2.ws.onopen function() { console.log(“open”)}; 当websocket创建成功时即会触发onopen事件3.ws.onmessage function(evt) { console.log(evt.data) };当客户端收到服务端发来的消息时会触发onmessage事件参数evt.data中包含server传输过来的数据4.ws.onclose function(evt) { console.log(“WebSocketClosed!”); };当客户端收到服务端发送的关闭连接的请求时触发onclose事件5.ws.onerror function(evt) { console.log(“WebSocketError!”); };如果出现连接处理接收发送数据失败的时候就会触发onerror事件我们可以看出所有的操作都是采用事件的方式触发的这样就不会阻塞UI使得UI有更快的响应时间得到更好的用户体验。 转 https://www.cnblogs.com/lxtblogs/p/4947898.html 转载于:https://www.cnblogs.com/fps2tao/p/7875452.html
