前端websocket发送数据
时间: 2023-11-19 17:04:11 浏览: 86
Socket来发送数据
前端websocket发送数据可以通过WebSocket对象的send()方法实现。在建立websocket连接后,可以使用该方法向后端发送数据。具体实现步骤如下:
```javascript
// 创建websocket对象
var ws = new WebSocket("ws://localhost:8080");
// 监听websocket连接状态
ws.onopen = function() {
console.log("websocket连接已建立");
};
// 监听websocket接收到的消息
ws.onmessage = function(evt) {
console.log("接收到消息:" + evt.data);
};
// 监听websocket连接关闭
ws.onclose = function() {
console.log("websocket连接已关闭");
};
// 监听websocket连接错误
ws.onerror = function() {
console.log("websocket连接错误");
};
// 发送数据
ws.send("Hello, backend!");
```
以上代码中,首先创建了一个WebSocket对象,指定了后端的地址。然后分别监听了websocket连接状态、接收到的消息、连接关闭和连接错误等事件。最后使用send()方法向后端发送了一条消息。需要注意的是,send()方法只能发送字符串或二进制数据,如果需要发送JSON等复杂数据类型,需要先将其转换为字符串。
阅读全文