Advertisement

JS中编写WebSocket示例代码

阅读量:

以下是一个基于JavaScript与WebSocket实现的最简示例代码:

  • 初始化了一个WebSocket实例(由浏览器原生支持的对象 ),并将其与服务器端进行通信连接。
  • 编写了若干事件监听函数,用于响应连接过程中的各个阶段以及接收来自服务器的数据。
  • 设计了一个按钮控件和一个输入框,以便用户可以向服务器端发送信息。

提示:请将代码中的ws://localhost:3000修改为实际部署的WebSocket服务地址。

复制代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>WebSocket Demo</title>
    </head>
    <body>
    <input type="text" id="message" placeholder="Type a message">
    <button onclick="sendMessage()">Send</button>
    <div id="output"></div>
    
    <script>
        // 创建WebSocket对象并连接到服务器
        const socket = new WebSocket('ws://lo

全部评论 (0)

还没有任何评论哟~