html websocket
时间: 2023-10-18 08:18:12 浏览: 35
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议,它使得浏览器和服务器之间的实时通信变得更加容易。使用 WebSocket,可以在不使用轮询的情况下从服务器向客户端推送数据,并且可以在任何时间点向服务器发送数据。
HTML5 提供了一种 API 来实现 WebSocket 通信,你可以使用 JavaScript 来编写 WebSocket 应用程序。
以下是一个示例,展示了如何使用 HTML5 WebSocket API 连接到服务器:
```javascript
var socket = new WebSocket("ws://localhost:8080");
socket.onopen = function() {
console.log("WebSocket连接已打开");
};
socket.onmessage = function(event) {
console.log("收到消息: " + event.data);
};
socket.onclose = function(event) {
console.log("WebSocket连接已关闭");
};
```
在这个示例中,我们首先创建了一个 WebSocket 对象,并将其连接到本地服务器的端口 8080。然后,我们定义了一些回调函数,以便 WebSocket 连接打开、收到消息和关闭时进行处理。
使用 WebSocket API,我们可以向服务器发送消息:
```javascript
socket.send("Hello, server!");
```
在这个示例中,我们向服务器发送了一条消息,内容为 "Hello, server!"。
总之,WebSocket 是一种非常有用的协议,可以用于实现实时通信和推送数据,它比传统的轮询方式更加高效和实时。