JavaScript websocker 怎么写
时间: 2023-05-29 08:06:14 浏览: 52
以下是使用 JavaScript 编写 WebSocket 的步骤:
1. 创建一个 WebSocket 对象:
```
var socket = new WebSocket('ws://localhost:8080');
```
2. 监听 WebSocket 的事件:
- onopen:连接建立时触发的事件。
- onmessage:接收到消息时触发的事件。
- onclose:连接关闭时触发的事件。
- onerror:发生错误时触发的事件。
```
socket.onopen = function() {
console.log('WebSocket连接已建立');
};
socket.onmessage = function(event) {
console.log('接收到消息:' + event.data);
};
socket.onclose = function() {
console.log('WebSocket连接已关闭');
};
socket.onerror = function(error) {
console.log('发生错误:' + error);
};
```
3. 向 WebSocket 发送消息:
```
socket.send('Hello, WebSocket!');
```
完整的 WebSocket 代码示例:
```
var socket = new WebSocket('ws://localhost:8080');
socket.onopen = function() {
console.log('WebSocket连接已建立');
};
socket.onmessage = function(event) {
console.log('接收到消息:' + event.data);
};
socket.onclose = function() {
console.log('WebSocket连接已关闭');
};
socket.onerror = function(error) {
console.log('发生错误:' + error);
};
socket.send('Hello, WebSocket!');
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)