你可以使用 WebSocket 协议将参数从客户端传递到服务器,将数据存储在数组中,然后将其发送回客户端。以下是一个使用 Node.js 和 Socket.IO 库实现的示例:
首先,确保你已经安装了 Node.js 和 Socket.IO 库。
// 服务器端代码
const express = require('express');
const app = express();
const http = require('http').Server(app);
const io = require('socket.io')(http);
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
io.on('connection', (socket) => {
socket.on('sendData', (data) => {
// 将数据存储在数组中
console.log(data);
socket.broadcast.emit('receivedData', data);
});
});
http.listen(3000, () => {
console.log('服务器启动,监听端口 3000');
});
<!-- 客户端代码 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>客户端</h1>
<input type="text" id="data">
<button onclick="sendData()">发送数据</button>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io();
function sendData() {
const data = document.getElementById('data').value;
socket.emit('sendData', data);
}
socket.on('receivedData', (data) => {
console.log(data);
});
</script>
</body>
</html>
在上述示例中,服务器端使用express
框架创建一个简单的 HTTP 服务器,并使用Socket.IO
库创建一个 WebSocket 服务器。当客户端连接到服务器时,服务器会触发connection
事件,并监听sendData
事件。当客户端发送sendData
事件时,服务器将数据存储在数组中,并使用broadcast.emit
方法将数据发送给所有客户端。客户端使用Socket.IO
库监听receivedData
事件,并在接收到数据后将其打印到控制台。
请注意,这只是一个简单的示例,你可以根据自己的需求修改服务器和客户端代码。