javascript - 立即通过 AJAX 重新加载一个 div，然后每 5 秒重新加载一次

Question

我想每 5 秒重新加载一个 div。为此，我在网上找到了一个有效的脚本。唯一的问题是文件的第一次加载是在 5 秒后，但我想立即加载第一个文件。这可能是一件小事，但我以前从未使用过 Javascript。谢谢!

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    function autoRefresh_div() {
        $("#div").load("load.html");
    }
    setInterval('autoRefresh_div()', 5000);
</script>

Answer 1

您需要设置间隔定时器，然后直接调用该函数。试试这个:

function autoRefresh_div() {
    $("#div").load("load.html");
}
setInterval(autoRefresh_div, 5000); // every 5 seconds
autoRefresh_div(); // on load

另请注意，更好的做法是使用 setTimeout() 链接请求，而不是将它们排队。这是因为如果服务器速度变慢，或者在请求中陷入困境，您将不会继续堆积它们，因为下一个请求只会在前一个请求完成后触发。试试这个:

function autoRefresh_div() {
    $("#div").load("load.html", function() {
        setTimeout(autoRefresh_div, 5000);
    });
}

autoRefresh_div();