js 连接websocket

最新推荐文章于 2025-04-23 16:46:23 发布

一直到老到直一

最新推荐文章于 2025-04-23 16:46:23 发布

阅读量1.1k

点赞数 2

分类专栏： js 文章标签： websocket 前端 javascript

本文链接：https://blog.youkuaiyun.com/suk_java/article/details/140761002

版权

在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