ウェブソケットでフロントエンドにデータをどのように送信しますか?
WebSocketではフロントエンドにデータを送信するために2つの手法が提供されている
- 送信する
- 送信()
socket.send("Hello, frontend!");
- 送信します
- 送る
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イベントが発火し、コールバック関数にデータが渡されます。フロントエンドはデータの解析を行い必要な情報を取り出し、それに応じた操作を行います。