<link href="style.css" rel="stylesheet"/>
欢迎来到竞彩足球比分即时比分直播平台!在这里,你可以实时了解各大足球赛事的最新比分和精彩时刻,不错过任何一场精彩对决。
JavaScript 脚本(script.js):
javascript
// 通过 AJAX 请求获取即时比分数据
function getLiveScores() {var xhr = new XMLHttpRequest();xhr.onload = function() {if (xhr.status === 200) {// 处理比分数据并更新表格var scores = JSON.parse(xhr.responseText);var scoreboard = document.getElementById("scoreboard");scores.forEach(function(score) {var row = document.createElement("tr");row.innerHTML = `${score.match}${score.time}${score.score}${score.competition}`;scoreboard.appendChild(row);});}};xhr.open("GET", "api/live-scores", true);xhr.send();
}// 通过 AJAX 请求获取精彩时刻数据
function getHighlights() {var xhr = new XMLHttpRequest();xhr.onload = function() {if (xhr.status === 200) {// 处理精彩时刻数据并更新列表var highlights = JSON.parse(xhr.responseText);var highlightList = document.getElementById("highlight-list");highlights.forEach(function(highlight) {var li = document.createElement("li");li.innerHTML = `
${highlight.title}
`;highlightList.appendChild(li);});}};xhr.open("GET", "api/highlights", true);xhr.send();
}// 定时更新数据
setInterval(function() {getLiveScores();getHighlights();
}, 10000); // 每 10 秒更新一次// 初始化页面数据
getLiveScores();
getHighlights();API 后端(api.php):
php
$scores, "highlights" => $highlights));?>