在JavaScript中,使用WebSocket API来连接WebSocket服务器是一个非常直接的过程。以下是一个简单的示例,展示了如何在客户端使用JavaScript连接到WebSocket服务器,并处理一些基本事件(如连接打开、接收到消息、连接关闭等)。
首先,确保WebSocket服务器正在运行并且可以接受连接。WebSocket服务器的URL格式通常类似于ws://hostname:port/path
(对于非加密连接)或wss://hostname:port/path
(对于加密连接)。
以下是一个简单的WebSocket客户端示例:
// WebSocket服务器的URL
var wsUrl = "ws://localhost:8080/websocket";
// 创建一个新的WebSocket连接
var ws = new WebSocket(wsUrl);
// 连接打开时触发的事件
ws.onopen = function(event) {
console.log("Connection open ...");
// 连接打开后,你可以通过send()方法向服务器发送数据
ws.send("Hello Server!");
};
// 接收到服务器消息时触发的事件
ws.onmessage = function(event) {
console.log("Received from server: " + event.data);
// 在这里处理从服务器接收到的数据
};
// 连接关闭时触发的事件
ws.onclose = function(event) {
if (event.was