前端如何使用websocket发送消息和代码?
最新回答
旅行号行星
2024-11-23 02:35:15
首先，通过WebSocket构造函数创建一个新的连接，提供WebSocket服务器的URL作为参数。
随后，监听连接状态的事件，如onopen事件在连接成功时触发，此时可以使用send()方法发送消息到服务器。
接收服务器响应，通过onmessage事件监听器接收服务器发送的消息。
为确保通信完成，可使用close()方法关闭WebSocket连接。
以下为基本示例代码：
创建WebSocket连接：
var socket = new WebSocket('ws://your-websocket-server-url');
监听连接打开事件：
socket.onopen = function(event) {
console.log('WebSocket连接已打开');
发送消息到服务器：
socket.send('Hello, Server!');
接收服务器响应：
socket.onmessage = function(event) {
console.log('从服务器接收到的消息：', event.data);
监听连接关闭事件（可选）：
socket.onclose = function(event) {
if (event.wasClean) {
console.log('WebSocket连接已正常关闭');
} else {
console.log('WebSocket连接发生错误并关闭');
}
监听连接错误事件（可选）：
socket.onerror = function(error) {
console.error('WebSocket连接发生错误：', error);
关闭连接（可选）：
// socket.close();
记得替换'ws://your-websocket-server-url'为实际服务器URL，代码示例简洁明了，适用于基础场景。
热门标签
