這個表明將http協議轉成websocket協議

本文轉載自查看原文 2019-01-01 21:06 848

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>websocket</title>
    <script>
        var socket;
        if (window.WebSocket){
            socket=new WebSocket('ws://127.0.0.1:8899/ws')
            socket.onmessage=function (ev) { //接收到消息
                var ts=document.getElementById('responseTest');
                ts.value+='\n'+ev.data;
            }
            socket.onopen=function (ev) {
                var ts=document.getElementById('responseTest');
                ts.value+='連接開啟';
            }
            socket.onclose=function (ev) {
                var ts=document.getElementById('responseTest');
                ts.value+='\n連接關閉';
            }
        } else {
            alert('瀏覽器不支持websocket');
        }
        function send(message) {
            if (!window.WebSocket){
                return;
            }
            if(socket.readyState == WebSocket.OPEN){
                socket.send(message);
            }else {
                alert('連接尚未開啟');
            }
        }
    </script>
</head>
<body>

<form onsubmit="return false">
    <textarea  name="message" style="width: 400px;height: 200px;"></textarea>
    <input type="button" value="發送消息" onclick="send(this.form.message.value)">
    <h3>服務輸出</h3>
    <textarea  id="responseTest" style="width: 400px;height: 300px;"></textarea>
    <input type="button" value="清空消息" onclick="javascript:document.getElementById('responseTest').value=''">
</form>

</body>
</html>

免責聲明！

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

猜您在找 http協議轉成https協議 HTTP協議和WebSocket協議（二） http協議與websocket協議（轉） HTTP協議，HTTPS協議，Websocket協議 WebSocket和HTTP協議的區別 WebSocket協議 WebSocket協議 WebSocket 協議 Websocket協議（一）Websocket協議簡述有了 HTTP 協議，為什么還需要 Websocket？