前端实现WebSocket的用法_前端jquery实现网页websocket

关于WebSocket通信机制,前端依赖jQuery实现的方法如下:

 $(function(){
     $.ajaxSettings.async=false;
      $.post('url地址/show/doSaveSession',{'hotelid':1},function(data){
          console.log("执行保存session");//模拟先登录
      });
      $.ajaxSettings.async=true;
     // ws://localhost:7001/show  此为通信地址
      ws = new WebSocket("ws://localhost:7001/show");
     
     // WebSocket有以下3个方法:
     ws.onopen = function () {
        console.log("建立链接");
     }
     ws.onclose = function () {
        console.log("onclose");
     }
     ws.onmessage = function (msg) {
          console.log("----------------");
          console.log(msg.data);
     }
  });
       
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22