webSocket 实时通信

1.了解webSocket机制
阮一峰官方链接
2.操作流程
a.后台写好接口

var socketUrl="http://192.168.15.77:9997/webSocket/1";

b.建立连接

socketUrl=socketUrl.replace("https","ws").replace("http","ws");
console.log(socketUrl);
if(socket!=null){
    socket.close();
    socket=null;
}
socket = new WebSocket(socketUrl);
//打开事件
socket.onopen = function() {
    console.log("websocket已打开");
};
//获得消息事件
socket.onmessage = function(msg) {
    //实时消息
    console.log("获取消息：");

    if (msg.data !== "连接成功") {
        resData = JSON.parse(msg.data);
        if (resData.message == 1) {
          location.reload();
        }
    }
};
//关闭事件
socket.onclose = function() {
    console.log("websocket已关闭");
    layer.msg("连接关闭！",{icon:5,shift:6});
};
//发生了错误事件
socket.onerror = function() {
    console.log("websocket发生了错误");
    layer.msg("连接出现错误！",{icon:5,shift:6});
};

c.可以实时通讯，快乐的玩耍啦！