常用

完整代码：

<script>
    var websocket = null;
    //判断当前浏览器是否支持WebSocket
    if ('WebSocket' in window) {
        websocket = new WebSocket('ws://localhost:8080/websocketw');

    }
    else {
        alert('浏览器不支持websocket');
    }


    //连接成功
    websocket.onopen = function () {
        console.log("WebSocket成功连接");
    }

    //发生错误
    websocket.onerror = function (e) {
        console.log('WebSocket出现错误: ' + e.code + ' ' + e.reason + ' ' + e.wasClean);
    };



    //接收到消息，将消息显示在网页上
    websocket.onmessage = function (event) {
        console.log('WebSocket收到消息：'+event.data);
        //将消息显示在网页上，不用多说

    }

    //连接关闭
    websocket.onclose = function () {
        console.log('WebSocket已经关闭');
    }

    //监听窗口关闭事件，当窗口关闭时，去关闭WebSocket的连接，防止异常
    window.onbeforeunload = function () {
        websocket.close();
    }


    //前端提交按钮调这个方法，进行发送消息
    function send() {
        //获取文本框值，不用多说

        //发送到服务端
        websocket.send(message);
    }
</script>