js连接socke接收并发送数据
时间: 2023-09-06 22:10:39 浏览: 26
连接 WebSocket 并进行数据的收发可以通过以下步骤实现:
1. 创建 WebSocket 对象
```js
const socket = new WebSocket('ws://localhost:8080');
```
2. 监听 WebSocket 事件
```js
socket.onopen = () => {
console.log('WebSocket 连接成功!');
};
socket.onmessage = (event) => {
console.log(`收到消息:${event.data}`);
};
socket.onclose = () => {
console.log('WebSocket 连接关闭!');
};
socket.onerror = (error) => {
console.error(`WebSocket 发生错误:${error}`);
};
```
3. 发送数据
```js
socket.send('Hello WebSocket!');
```
完整代码示例:
```js
const socket = new WebSocket('ws://localhost:8080');
socket.onopen = () => {
console.log('WebSocket 连接成功!');
};
socket.onmessage = (event) => {
console.log(`收到消息:${event.data}`);
};
socket.onclose = () => {
console.log('WebSocket 连接关闭!');
};
socket.onerror = (error) => {
console.error(`WebSocket 发生错误:${error}`);
};
socket.send('Hello WebSocket!');
```
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)