Question

我试图让AJAX功能更新约30秒。我有一个简单的版本，这是代码。

var refInterval = window.setInterval('update()', 30000); // 30 seconds

var update = function() {
    $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
        },
    });
};

然而，当这个功能被称为FIRST时，我不想让它等待30秒，我只想让这个功能呼叫，然后等待30秒，再次呼叫，等待30秒，再次呼叫，等任何帮助？

Answer 1

请考虑使用setTimeout - 它更可靠。 setInterval计时器可以在窗口没有焦点时堆叠，然后在它再次聚焦时立即运行。使用setTimeout还可以确保如果第一个AJAX请求由于某种原因阻塞，则不会排队多个AJAX请求。

要立即启动循环，请使用围绕该函数的IIFE（＆＃34;立即调用的函数表达式＆＃34;）：

(function update() {
    $.ajax({
        ...                        // pass existing options
    }).then(function() {           // on completion, restart
       setTimeout(update, 30000);  // function refers to itself
    });
})();                              // automatically invoke for first run

P.S。不要将字符串参数用于setInterval或setTimeout - 只需直接传递函数引用。

Answer 2

在定义后立即调用update：

var refInterval = window.setInterval('update()', 30000); // 30 seconds

var update = function() {
    $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
        },
    });
};
update();

Answer 3

在使用间隔：

调用之前调用更新一次（在文档就绪）

update();

var refInterval = window.setInterval('update()', 30000);

Answer 4

在设置计时器之前调用该功能。

像这样：

 var update = function() {
     $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
        },
    });
};
update();
var refInterval = window.setInterval('update()', 30000); // 30 seconds

Answer 5

只需将setTimeout放入您的successhandler中，它应该像魅力一样工作

var update = function() {
    $.ajax({
        type : 'POST',
        url : 'post.php',
        success : function(data){
            $('.voters').html(data);
            var refInterval = window.setTimeout('update()', 30000); // 30 seconds
        },
    });
};

update()

AJAX间隔刷新？

5 个答案: