页面使用websocket
时间: 2023-10-18 18:21:21 浏览: 40
Websocket是一种在单个TCP连接上进行全双工通信的协议。它允许服务器主动向客户端推送消息,而不需要客户端发出请求。这使得Websocket非常适合实时应用程序,如在线游戏、聊天应用程序和股票报价等。
要在Web页面中使用Websocket,您需要使用JavaScript API中的WebSocket对象。以下是使用WebSocket对象的基本步骤:
1. 创建WebSocket对象
您可以使用以下代码创建WebSocket对象:
```
var socket = new WebSocket('ws://localhost:8080');
```
其中,ws://localhost:8080是WebSocket服务器的地址。
2. 监听事件
WebSocket对象有四个事件:onopen、onmessage、onerror和onclose。您可以使用以下代码监听这些事件:
```
socket.onopen = function() {
console.log('Websocket已连接');
};
socket.onmessage = function(event) {
console.log('收到消息:' + event.data);
};
socket.onerror = function(error) {
console.log('WebSocket错误:' + error);
};
socket.onclose = function(event) {
console.log('Websocket已关闭');
};
```
3. 发送消息
您可以使用以下代码向服务器发送消息:
```
socket.send('Hello, server!');
```
4. 关闭WebSocket连接
您可以使用以下代码关闭WebSocket连接:
```
socket.close();
```
以上是使用WebSocket对象的基本步骤。在实际应用中,您需要根据具体的需求来处理WebSocket事件。