溫馨提示×

websocket怎么向前端發送數據

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

要向前端發送數據,WebSocket提供了兩種方法:

  1. 使用send()方法發送數據??梢詫祿鳛閰祩鬟f給send()方法,該方法會將數據發送到服務器端,并通過WebSocket連接將數據傳遞給前端。示例代碼如下:
socket.send("Hello, frontend!");
  1. 使用send()方法發送JSON格式的數據??梢詫祿D換為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事件,并將數據傳遞給回調函數,前端通過解析數據來獲取需要的信息,并進行相應的操作。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女