javascript以给定的时间间隔轮询

Question

每10秒调用一次以下函数。

function getData()
    {      
        $.ajax({
              url       : "refresh.php",
              type      : "POST",
              data      : {"id" : id},            
              success   : function(data) {
                 $(".show").html(data);
              }
          });
    }
        $(document).ready(function(){
      setInterval("getData()",50000);//Polls in every 50 sec
    });

我想要的是：当加载页面时，应立即调用getData()，之后每个调用应该以给定的间隔，即50秒

怎么做？

Answer 1

只需在dom ready handler

中添加对getData()的手动调用即可

function getData() {
    $.ajax({
        url: "refresh.php",
        type: "POST",
        data: {
            "id": id
        },
        success: function (data) {
            $(".show").html(data);
        }
    });
}
$(document).ready(function () {
    setInterval("getData()", 50000); //Polls in every 50 sec
    getData(); //invoke on page load
});

Answer 2

从就绪事件中调用该函数。

此外，请使用setInterval调用中的函数引用而不是字符串。

$(document).ready(function(){
  setInterval(getData,50000);
  getData();
});