websocket来了信息如何分发给另一个界面
时间: 2023-12-03 10:45:58 浏览: 115
要将WebSocket收到的信息分发给另一个界面,可以使用JavaScript中的事件机制。具体来说,你可以在WebSocket收到消息时触发一个自定义事件,并在需要接收该消息的其他界面上添加该事件的监听器。
以下是一些基本的代码示例:
```
// 创建WebSocket对象
const socket = new WebSocket('ws://localhost:8080');
// 当收到消息时触发自定义事件
socket.onmessage = function(event) {
const message = JSON.parse(event.data);
const customEvent = new CustomEvent('messageReceived', { detail: message });
window.dispatchEvent(customEvent);
}
// 在另一个界面上添加事件监听器
window.addEventListener('messageReceived', function(event) {
const message = event.detail;
// 处理收到的消息
});
```
在这个示例中,当WebSocket收到消息时,它会触发一个名为“messageReceived”的自定义事件,并将消息作为事件的详细信息传递。在另一个需要接收消息的界面上,我们添加了一个名为“messageReceived”的事件监听器,以便在收到消息时执行自定义的处理逻辑。
阅读全文