[网络协议]websocket实现跨域的完整操作

<script>
        var ws = null; //定义一个全局变量
        // 点击建立连接
        $(".set").click(function() {
                //建立连接
                ws = new WebSocket("ws://192.168.124.46:9000/robot");
                //连接成功
                ws.onopen = function() {
                        alert("连接成功")
                    }
                    //连接失败
                ws.onerror = function() {
                        alert("连接失败")
                    }
                    // 接收到信息
                ws.onmessage = function(e) {
                        $(".box").append(`<p>${e.data}</p>`) //把消息输入到页面输入框
                    }
                    //连接断开
                ws.onclose = function() {
                    alert("断开连接")
                }
            })
            //点击断开
            // 在连接中才可以断开：ws.readyState  0 未连接 1 已连接 2 正在断开 3 已断开
        $(".cut").click(function() {
                //只有连接且连接中才能断开连接
                if (ws && ws.readyState == 1) {
                    ws.close();
                }
            })
            //发送
        $(".send").click(function() {
            //只有连接成功且连接中才能发送
            if (ws && ws.readyState == 1) {
                ws.send($(".ipt").val())
                $(".box").append(`<p class="right">${$(".ipt").val()}</p>`) //把发送的值渲染到页面
                $(".ipt").val("") //清空输入框
            }
        })
    </script>