AJAX：X 秒后出错时重新加载 load()

Question

我使用以下函数通过 load() 从文件中获取信息。如果内容未按预期加载，是否会显示错误消息。这工作得很好，但我想在 X 秒后重新加载请求。我已经做到了这一点：

var tick = function() {
    $('#fetch-1').hide();
    $('#fetch-2').hide();
    $('#fetch-3').hide();
    $('#fetch-4').hide();
    $('#fetch-5').hide();
    $('#fetch-6').hide();

    $('#fetch-1-error').show();
    $('#fetch-2-error').show();
    $('#fetch-3-error').show();
    $('#fetch-4-error').show();
    $('#fetch-5-error').show();
    $('#fetch-6-error').show();
}

var loadTimeout = setTimeout(tick, 1000);
var tack = 1000;

    $.ajax({
        url: '/game/configs/required/jquery-fetch/fetch-1.php?i=<?php echo $row["id"]; ?>',
        timeout: tack,
        cache: false,
        success: function(data) {
            $('#fetch-tpb-filesize').load('/game/configs/required/jquery-fetch/fetch-1.php?i=<?php echo $row["id"]; ?>');
            clearTimeout(loadTimeout);
        },
        error: function(data) {
            setInterval(function() {
                $('#fetch-1').show();
                $('#fetch-1').load('/game/configs/required/jquery-fetch/fetch-1.php?i=<?php echo $row["id"]; ?>');
                $('#fetch-1-error').hide();
            }, 1000);
        }
    });

正如你在错误中看到的那样，我尝试让它重新加载，但它并没有像第一次那样在 1 秒后停止。这里有人知道如何解决这个问题吗？

Answer 1

您在错误函数中使用 setInterval ，该函数每秒都会调用该代码块。

您还可以使用 jQuery 方法来为您完成所有脏活。如果要使用timeout:tack，则需要再次使用$.ajax。为什么不把它变成一个函数并再次调用它，而不是到处复制和粘贴代码。