Websocket 入门学习实例

最新推荐文章于 2023-12-24 15:51:16 发布

harris135

最新推荐文章于 2023-12-24 15:51:16 发布

阅读量631

点赞数

分类专栏： Websocket 文章标签： websocket

本文链接：https://blog.csdn.net/harris135/article/details/77890956

版权

Websocket 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

harris135

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Websocket 入门学习实例

<!DOCTORY html><html> <head> <meta charset="utf-8" /> <title>Websocket</title> </head> <body> <h1>Echo Test</h1> <input id="sendTxt" type="text" />
复制链接

扫一扫