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處理程序中添加對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

從ready事件中調用該函數。

另外，在setInterval調用中使用函數引用而不是字符串。

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