在 JavaScript 中使用 WebSocket,用 WebSocket 对象创建 WebSocket 连接,并使用该对象提供的方法和事件处理程序进行实时通信。
以下是一个简单的示例代码,展示了在 JavaScript 中如何使用 WebSocket:
代码语言:javascript复制// 创建 WebSocket 连接
const socket = new WebSocket('ws://localhost:8080');
// 连接建立时触发的事件处理程序
socket.onopen = function() {
console.log('已连接到服务器');
// 发送消息到服务器
socket.send('Hello, server!');
};
// 接收到消息时触发的事件处理程序
socket.onmessage = function(event) {
console.log('收到消息:', event.data);
};
// 连接关闭时触发的事件处理程序
socket.onclose = function() {
console.log('已断开与服务器的连接');
};
// 发生错误时触发的事件处理程序
socket.onerror = function(error) {
console.error('发生错误:', error);
};
在上述示例代码中,首先使用 new WebSocket 创建了一个 WebSocket 连接,指定了服务器的 URL(这里使用 ws://localhost:8080)。
然后通过 WebSocket 对象的各个事件处理程序来监听连接、消息、关闭和错误等事件。
- onopen:当连接建立成功时触发。在该事件处理程序中,你可以进行与服务器的通信,例如发送消息。
- onmessage:当接收到服务器发送的消息时触发。可以在该事件处理程序中处理接收到的消息。
- onclose:当连接关闭时触发。可以在该事件处理程序中进行相应的处理。
- onerror:当发生错误时触发。可以在该事件处理程序中处理错误情况。
实际需求编写适当的逻辑来处理这些事件。
要向服务器发送消息,可以使用 WebSocket 对象的 send 方法。连接建立成功后使用 socket.send 方法向服务器发送了一条字符串消息 "Hello, server!"。
WebSocket 连接的创建和事件处理程序的监听是异步的,因此确保在连接建立后才发送消息或进行其他操作。
综上所述,以上示例展示了在 JavaScript 中使用 WebSocket 进行实时通信的基本操作。根据需要在事件处理程序中编写适当的逻辑来处理连接、消息、关闭和错误等情况。