hongshan
/
intelligent-voice-customer-service-java


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>666666</title>
</head>
<body>
传递来的数据值cid:
<input type="text" th:value="${cid}" id="cid"/>
<p>【toUserId】：
<div><input id="toUserId" name="toUserId" type="text" value="user-1"></div>
<p>【contentText】：
<div><input id="contentText" name="contentText" type="text" value="hello websocket"></div>
<p>【操作】：
<div>
    <button type="button" onclick="sendMessage()">发送消息</button>
</div>
</body>

<script type="text/javascript">

    var socket;

    if (typeof (WebSocket) == "undefined") {

        console.log("您的浏览器不支持WebSocket");

    } else {

        console.log("您的浏览器支持WebSocket");

        //实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接


        var cid = document.getElementById("cid").value;

        console.log("cid-->" + cid);

        var reqUrl = "http://localhost:8080/websocket/" + cid;

        socket = new WebSocket(reqUrl.replace("http", "ws"));

        //打开事件

        socket.onopen = function () {

            alert("Socket 已打开");

            console.log("Socket 已打开");

            //socket.send("这是来自客户端的消息" + location.href + new Date());

        };

        //获得消息事件

        socket.onmessage = function (msg) {

            console.log("onmessage--" + msg.data);

            //发现消息进入    开始处理前端触发逻辑

        };

        //关闭事件

        socket.onclose = function () {

            console.log("Socket已关闭");

        };

        //发生了错误事件

        socket.onerror = function () {

            alert("Socket发生了错误");

            //此时可以尝试刷新页面

        }

        //离开页面时，关闭socket

        //jquery1.8中已经被废弃，3.0中已经移除

        // $(window).unload(function(){

        //     socket.close();

        //});

    }


    function sendMessage() {

        if (typeof (WebSocket) == "undefined") {

            console.log("您的浏览器不支持WebSocket");

        } else {

            // console.log("您的浏览器支持WebSocket");

            var toUserId = document.getElementById('toUserId').value;

            var contentText = document.getElementById('contentText').value;

            var msg = '{"sid":"' + toUserId + '","message":"' + contentText + '"}';

            console.log(msg);

            socket.send(msg);

        }

    }


</script>
</html>