代码改变世界

WebSocket使用

2018-02-27 14:30  ET.frog  阅读(431)  评论(0编辑  收藏  举报

使用WebSocket实现终端与服务端的双向交互

我这里是实现后台数据处理进度的,终端界面显示,考虑到后端做接口重复访问时服务器的压力过大,最后选用h5的WebSocket。目前WebSocket的兼容市面上主流浏览器,低版本的ie就不用考虑了...

``` var socket; if (window.WebSocket) { //创建WebSocket对象并连接服务器 socket = new WebSocket("ws://192.168.8.150:4075/a/b/1"); //连接服务成功执行 socket.onopen = function(event) { //发送数据 socket.send(10); alert("Web Socket opened!"); }; //服务器响应执行 socket.onmessage = function(event) { //event.data ---- 服务端返回数据 alert("Received data from websocket: " + event.data); if(event.data < 100 ) { socket.send(''); }else{ //断开服务器与终端的连接 socket.close(); alert('over'); } }; //断开服务器与终端的连接之后执行 socket.onclose = function(event) { alert("Web Socket closed."); }; } else { alert("Your browser does not support Websockets. (Use Chrome)"); } ```