Websocket 入门学习实例

来源:互联网 发布:淘宝网找新疆核桃 编辑:程序博客网 时间:2024/06/01 01:33
<!DOCTORY html><html>    <head>        <meta charset="utf-8" />        <title>Websocket</title>    </head>    <body>        <h1>Echo Test</h1>        <input id="sendTxt" type="text" />        <button id="sendBtn">发送</button>        <div id="recv"></div>        <script type="text/javascript">            var websocket = new WebSocket("ws://echo.websocket.org/");            websocket.onopen = function() {                console.log('websocket open');                document.getElementById("recv").innerHTML = "Connected";            }            websocket.onclose = function() {                console.log('websocket close');            }            websocket.onmessage = function(e) {                console.log(e.data);                document.getElementById("recv").innerHTML = e.data;            }            document.getElementById("sendBtn").onclick = function() {                var txt = document.getElementById("sendTxt").value;                websocket.send(txt);            }        </script>        div.    </body></html>
原创粉丝点击