如何通过AJAX替代load方法从PHP文件获取赛事实时数据？

当然可行，你当前使用的load()本身就是jQuery对AJAX功能的简化封装，换成显式的AJAX调用能获得更灵活的控制权（比如错误处理、自定义数据格式、请求配置等）。以下是具体实现方案：

方案一：用$.get快速替换（接近原有load逻辑） #

$.get是jQuery提供的GET请求快捷方法，逻辑和load接近，同时支持失败回调：

$(document).ready(function(){
    setInterval(function() {
        // 从PHP传递参数到JS（修正原代码的参数命名规范）
        var matchId = <?php echo $id; ?>;
        var cod = "<?php echo $cod; ?>";
        
        // 发起AJAX GET请求
        $.get("live_score.php", { match_id: matchId, cod: cod }, function(response) {
            // 请求成功后，将返回内容插入到目标元素
            $("#risultato").html(response);
            refresh(); // 保留原有刷新逻辑
        })
        .fail(function(jqXHR, textStatus) {
            // 可选：处理请求失败的情况（比如网络问题）
            console.error("实时比分加载失败: " + textStatus);
            // 也可以给用户显示提示：$("#risultato").html("加载失败，请稍后重试");
        });
    }, 5000);
});

方案二：完整$.ajax配置（更灵活） #

如果需要自定义请求类型、超时时间、数据格式等，推荐使用完整的$.ajax配置：

$(document).ready(function(){
    setInterval(function() {
        var matchId = <?php echo $id; ?>;
        var cod = "<?php echo $cod; ?>";
        
        $.ajax({
            url: "live_score.php",
            type: "GET", // 若需要POST请求，可改为"POST"，同时live_score.php用$_POST接收参数
            data: { match_id: matchId, cod: cod },
            dataType: "html", // 预期返回HTML内容，若返回JSON可改为"json"
            success: function(response) {
                $("#risultato").html(response);
                refresh();
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.error("请求出错: " + textStatus + " - " + errorThrown);
            },
            timeout: 3000 // 可选：设置3秒超时，避免长时间等待
        });
    }, 5000);
});

扩展：改用JSON格式传递数据（更灵活） #

如果想返回结构化数据而非直接HTML，可以修改live_score.php返回JSON格式：

live_score.php 代码调整： #

<?php
// 接收前端传递的参数（键名要和前端一致）
$match_id = $_GET['match_id'];
$cod = $_GET['cod'];

// 这里写获取实时比分的业务逻辑（比如从API/数据库查询）
$home_score = 1;
$away_score = 0;
$match_status = "进行中";

// 设置响应头为JSON格式
header('Content-Type: application/json');
// 输出JSON数据
echo json_encode([
    'home_score' => $home_score,
    'away_score' => $away_score,
    'status' => $match_status
]);
?>

前端对应调整： #

将dataType改为"json"，并在成功回调中处理结构化数据：

success: function(data) {
    // 自定义HTML结构展示数据
    var scoreHtml = `
        <div class="match-status">${data.status}</div>
        <div class="score">${data.home_score} - ${data.away_score}</div>
    `;
    $("#risultato").html(scoreHtml);
    refresh();
}

注意事项 #

• 确保live_score.php中接收参数的键名和前端传递的一致（比如前端传match_id，后端用$_GET['match_id']）；
• 若使用POST请求，需将前端type设为"POST"，后端改用$_POST接收参数；
• 可以根据需求添加防抖/节流逻辑，避免频繁请求给服务器造成压力。

内容的提问来源于stack exchange，提问作者Alessandro Talamonti