java WebSocket HTML頁面

本文轉載自查看原文 2019-12-13 15:23 341

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webSocketTest客戶端</title>
</head>

<body>
    
        <h4>客戶端輸入：</h4>
        <textarea id = "message" name="message" style="width: 200px;height: 100px"></textarea>
        <br/>
        <input type="button" value="發送到服務器" onclick="sendMessage()" />
    
 
        <h4>服務器返回消息：</h4>
        <textarea id = "responseText" name="message" style="width: 1100px;height: 100px"></textarea>
        <br/>
        <input type="button" οnclick="javascript:document.getElementById('responseText').value=''" value="clear data">
 <script type="text/javascript">
    function send(){
        alert(2);
    }
    var webSocket;
    if(window.WebSocket){
        webSocket = new WebSocket("ws://127.0.0.1:2048/ws");
        //客戶端收到服務器的方法，這個方法就會被回調
        webSocket.onmessage = function (ev) {
        
            var contents = document.getElementById("responseText");
            contents.value = contents.value +"\n"+ ev.data;
        }
 
        webSocket.onopen = function (ev) {
            var contents = document.getElementById("responseText");
            contents.value = "與服務器端的websocket連接建立";
            
            var data = '{"method":"init","identifier":"11VKF7M0020199"}';
            
            webSocket.send(data);
        }
        webSocket.onclose = function (ev) {
            
            var contents = document.getElementById("responseText");
            contents.value =  contents.value +"\n"+ "與服務器端的websocket連接斷開";
        }
    }else{
        alert("該環境不支持websocket")
    }
 
    function sendMessage() {
        //alert(document.getElementById("message").value);
        if(window.webSocket){
            if(webSocket.readyState == WebSocket.OPEN){
                var data2 = '{"method":"video","serialNumber":"yjdp"}';
                var data= '{"method":"video","identifier":"11VKF7M0020199","toIdentifier":"yjdp","status":"'+document.getElementById("message").value+'","url":"http://127.0.0.1:8081/UAV_FILES/FILES/0UYKG7K002001F.mp4"}';
                webSocket.send(data);
            }else{
                alert("與服務器連接尚未建立")
            }
        }
    }
    
    
</script>   
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 java生成html頁面 java 生成html頁面 Java后端WebSocket的Tomcat實現 html5 WebSocket 實時聊天 html面頁與JAVA通過webSocket 通訊 Java讀取根據HTML模板生成HTML頁面 java使用freemarker生成靜態html頁面 java 使用jacob將html頁面寫入word java springboot 將html頁面轉成圖片 Java解析html頁面,獲取想要的元素 HTML5 WebSocket之HelloWorld