溫馨提示×

websocket怎么向前端發(fā)送數(shù)據(jù)

小億
480
2023-12-04 14:54:51
欄目: 編程語言

要向前端發(fā)送數(shù)據(jù)，WebSocket提供了兩種方法：

  1. 使用send()方法發(fā)送數(shù)據(jù)?？梢詫?shù)據(jù)作為參數(shù)傳遞給send()方法，該方法會將數(shù)據(jù)發(fā)送到服務器端，并通過WebSocket連接將數(shù)據(jù)傳遞給前端。示例代碼如下：
socket.send("Hello, frontend!");
  1. 使用send()方法發(fā)送JSON格式的數(shù)據(jù)?？梢詫?shù)據(jù)轉換為JSON字符串，然后通過send()方法發(fā)送。前端可以通過解析JSON字符串來獲取數(shù)據(jù)。示例代碼如下：
var data = {
  message: "Hello, frontend!",
  timestamp: new Date().getTime()
};

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

以上兩種方法都可以將數(shù)據(jù)發(fā)送到前端，前端通過WebSocket的onmessage事件監(jiān)聽來接收數(shù)據(jù)。例如，使用onmessage事件監(jiān)聽來接收數(shù)據(jù)并顯示在前端頁面上：

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

這樣，當WebSocket接收到數(shù)據(jù)時，會觸發(fā)onmessage事件，并將數(shù)據(jù)傳遞給回調函數(shù)，前端通過解析數(shù)據(jù)來獲取需要的信息，并進行相應的操作。

0 踩