webSocket通信 一

一 介绍

webSocket是html5 新增加的一种通信协议，目前流行的浏览器都支持这个协议

        //1.实例化websocket对象，参数是服务器端地址，以ws开头
        var ws = new WebSocket("ws://172.27.35.1:8080");
        //2.websocket对象处理事件，共支持四个消息
        //a. 当浏览器和websocket服务器连接成功后，触发onopen事件
        ws.onopen = function () { ws.send("test!"); };
        //b.当浏览器接受到websocket服务器发过来的数据时候，触发onmessage
        //参数evt中包含server传输过来的数据
        ws.onmessage = function (evt) { console.log(evt.data); ws.close(); };
        //c.当Browser接收到WebSocketServer端发送的关闭连接请求时，就会触发onclose消息
        ws.onclose = function (evt) { console.log("WebSocketClosed!"); };
        //d.如果连接失败，发送，接受数据失败或者数据处理出错，触发onerror   
        ws.onerror = function (evt) { console.log("WebSocketError!"); };  

1.浏览器与服务器端建立连接后，设备（网络助手）发送给服务器端的内容，服务器端可以主动发给浏览器，在浏览器端显示

2.浏览器也可以充当客户端，发信息给服务器端

二 好处

在项目中常规的是ajax请求不断的请求后台，后台发送数据给前端，这样很浪费资源，websocket，只要建立连接后，后台如果有数据就可以主动

发数据给前端。

转载于:https://www.cnblogs.com/haigui-zx/p/9184080.html