html 连接websoket 示例-Go服务器开发

以下是一个简单的HTML示例，演示如何连接到WebSocket服务器：

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket 示例</title>
</head>
<body>
    <div id="message-container"></div>
    <script>
        // 创建 WebSocket 连接
        var socket = new WebSocket("ws://your-websocket-server-url");
        // 在连接成功时执行的函数
        socket.onopen = function(event) {
            console.log("已成功连接到 WebSocket 服务器");
            socket.send("Hello Server"); // 发送消息到服务器
        };
        // 在收到消息时执行的函数
        socket.onmessage = function(event) {
            var messageContainer = document.getElementById("message-container");
            messageContainer.innerHTML += "<p>" + event.data + "</p>"; // 将收到的消息显示在页面上
        };
        // 在连接关闭时执行的函数
        socket.onclose = function(event) {
            console.log("已断开与 WebSocket 服务器的连接");
        };
    </script>
</body>
</html>

请将"ws://your-websocket-server-url"替换为实际的WebSocket服务器URL。在这个示例中，我们通过JavaScript代码创建了一个WebSocket对象，并使用onopen、onmessage和onclose事件处理程序来处理连接建立、接收消息和关闭连接。

要发送消息到WebSocket服务器，你可以使用socket.send()方法。接收到的消息会显示在具有id为”message-container”的div元素中。

请注意，在运行此示例之前，请确保你有一个有效可用的WebSocket服务器，并提供正确的URL来进行连接。

内容由零声教学AI助手提供，问题来源于学员提问