HTML5 WebSocket-JavaScript中文网-JavaScript教程资源分享门户

HTML5 WebSocket 是一种在 Web 应用程序中实现实时双向通信的技术。通过 WebSocket，客户端和服务器可以在不断开连接的情况下实时地交换数据。这种实时通信技术在实时游戏、在线聊天、股票交易等领域非常有用。

如何使用 WebSocket

要使用 WebSocket，首先需要在 HTML 文件中创建一个 WebSocket 对象。可以通过以下代码来创建一个 WebSocket 连接：

<script>
    var socket = new WebSocket("ws://localhost:3000");
</script>

在上面的代码中，我们创建了一个 WebSocket 连接到地址 ws://localhost:3000。当连接成功建立时，WebSocket 对象会触发 onopen 事件。

接着，我们可以通过 WebSocket 对象的 send() 方法向服务器发送数据，例如：

<script>
    socket.send("Hello, server!");
</script>

在服务器端，我们需要使用相应的 WebSocket 库来处理客户端发送过来的数据，并且可以通过 WebSocket 对象的 onmessage 事件来监听客户端发送的消息，例如：

-- -------------------- ---- -------
----- --------- - --------------

----- --- - --- ------------------ ----- ---- ---

-------------------- -------- -------------- -
  ---------------- -------- ----------------- -
    ---------------------- ---- ---------
  ---

  --------------- ----------
---

在上面的代码中，我们使用了 Node.js 中的 ws 模块来创建了一个 WebSocket 服务器，当客户端连接到服务器时，服务器会打印客户端发送的消息，并且向客户端发送一条消息。

WebSocket API

WebSocket 对象提供了一些方法和事件，用于管理 WebSocket 连接。以下是一些常用的方法和事件：

send(data): 向服务器发送数据。
close(): 关闭 WebSocket 连接。
onopen: 当连接建立时触发。
onmessage: 当接收到消息时触发。
onclose: 当连接关闭时触发。
onerror: 当发生错误时触发。

使用这些方法和事件，我们可以更好地管理 WebSocket 连接，并实现实时通信功能。

这就是关于 HTML5 WebSocket 的介绍，希望能帮助你更好地了解和使用 WebSocket 技术。