要向前端發送數據,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
事件,并將數據傳遞給回調函數,前端通過解析數據來獲取需要的信息,并進行相應的操作。