websocket怎么向前端发送数据-开发者知识库平台

websocket怎么向前端发送数据

websocket

518

2023/12/5 14:54:51

栏目: 编程语言

要向前端发送数据，WebSocket提供了两种方法：

使用send()方法发送数据。可以将数据作为参数传递给send()方法，该方法会将数据发送到服务器端，并通过WebSocket连接将数据传递给前端。示例代码如下：

socket.send("Hello, frontend!");

使用send()方法发送JSON格式的数据。可以将数据转换为JSON字符串，然后通过send()方法发送。前端可以通过解析JSON字符串来获取数据。示例代码如下：

var data = {
  message: "Hello, frontend!",
  timestamp: new Date().getTime()
};

socket.send(JSON.stringify(data));

以上两种方法都可以将数据发送到前端，前端通过WebSocket的onmessage事件监听来接收数据。例如，使用onmessage事件监听来接收数据并显示在前端页面上：

socket.onmessage = function(event) {
  var data = JSON.parse(event.data);
  console.log(data.message);
};

这样，当WebSocket接收到数据时，会触发onmessage事件，并将数据传递给回调函数，前端通过解析数据来获取需要的信息，并进行相应的操作。

websocket怎么向前端发送数据