動畫jQuery ajax結果

Question

當ajax獲得新輸入時（通過超時 - 更新而不更新），我該如何讓jQuery動畫化？ getAVG.php返回數據庫字段的平均值。 Example page

代碼：

(function(){ 
    var avg; 
    $.ajax({ 
     type: "POST", 
     url: "getAVG.php", 
     error: function(data){ 
      avg = data; 
      $('#kriips').animate({ 
       'left': avg*50 
      }); 
      console.log("error: "+avg); 
     }, 
     success: function(data){ 
      //alert(data); 
      avg = data; 
      $('#kriips').animate({ 
       'left': avg*50 
      }); 
      console.log("suc: "+avg); 
      //css('left',avg*50).animate(); 
     }, 
     timeout: 1000 
    }); 
})(); 

Answer 1

我覺得你的問題是如何重複Ajax調用每秒，而無需刷新整個頁面。如果是這樣，只是名稱的功能，並調用它的成功或錯誤使用的setTimeout：

function myfunction(){ 
    var avg; 
    $.ajax({ 
    type: "POST", 
    url: "getAVG.php", 
    error: function(XMLHttpRequest, textStatus, errorThrown){ 
     //your ajax request will not return the data on an error... 
     console.log("error: "+errorThrown); 
     setTimeout(function(){myfunction(); },1000); 
    }, 
    success: function(data){ 
     //alert(data); 
     avg = data; 
     $('#kriips').animate({ 
      'left': avg*50 
     }); 
     console.log("suc: "+avg); 
     //css('left',avg*50).animate(); 
     setTimeout(function(){myfunction(); },1000); 
    }, 
    timeout: 1000 
    }); 
}