jquery – AJAX Interval Refresh？

我正在尝试将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秒,再次调用等等.有什么帮助吗？

解决方法

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

要立即启动循环,请使用围绕该函数的IIFE(“立即调用的函数表达式”)：

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

附：不要将字符串参数用于setInterval或setTimeout – 只需直接传递函数引用即可.