实时更新!足球比分网,即刻掌握赛场瞬息万变
来源:24直播网
联赛
-
英格兰超级联赛
-
西班牙甲级联赛
-
意大利甲级联赛
-
德国甲级联赛
-
法国甲级联赛
javascript
// main.jsconst matchTable = document.getElementById("match-table");
const tbody = matchTable.tBodies[0];// 实时获取比赛数据
const socket = new WebSocket("ws://localhost:8080/ws/matches");socket.onopen = () => {console.log("连接 WebSocket 成功");
};socket.onmessage = (event) => {const data = JSON.parse(event.data);// 更新比分数据const row= tbody.insertRow();const homeCell = row.insertCell();const scoreCell = row.insertCell();const awayCell = row.insertCell();homeCell.innerHTML = data.homeTeam;scoreCell.innerHTML = `${data.homeScore} - ${data.awayScore}`;awayCell.innerHTML = data.awayTeam;
};socket.onclose = (event) => {console.log("连接 WebSocket 关闭", event);
};