用ajax/JQuery更新數據表

Question

我想用ajax/json中的數據更新表。

這裏是JQuery代碼： 已更新爲使用函數進行更簡單的執行。

$(document).ready(function() { 
    //var userid = $(".migrating").data("userid"); 

    function ajaxUpdate(userid){ 
     window.setInterval(function(){ 
     $.ajax({ 
       url: "info.php?userid=" + userid + "", 
       async: true, 
       type: "POST", 
       data: "{}", 

       contentType: "application/json; charset=utf-8", 
       dataType: "json", 

       success: function(results) { 
        $("#uid" + userid).html(results.uid); 
        $("#moved" + userid).html(results.moved); 
        $("#percentmoved" + userid).html(results.percentmoved); 
        $("#avgspeed" + userid).html(results.avgspeed); 
        $("#eta" + userid).html(results.eta); 
       } 
      }); 
     }, 3000); 
    } 

    ajaxUpdate($(".migrating").data("userid")); 

}); 

HTML代碼：

<table> 
    <tr> 
     <td><b>ID</b></td> 
     <td><b>Moved</b></td> 
     <td><b>Moved %</b></td> 
     <td><b>Avg Speed</b></td> 
     <td><b>ETA</b></td> 
    </tr> 

    <tr class="migrating" data-userid="101"> 
     <td><div id="uid101">Loading...</div></td> 
     <td><div id="moved101">Loading...</div></td> 
     <td><div id="percentmoved101">Loading...</div></td> 
     <td><div id="avgspeed101">Loading...</div></td> 
     <td><div id="eta101">Loading...</div></td> 
    </tr> 

    <tr class="migrating" data-userid="102"> 
     <td><div id="uid102">Loading...</div></td> 
     <td><div id="moved102">Loading...</div></td> 
     <td><div id="percentmoved102">Loading...</div></td> 
     <td><div id="avgspeed102">Loading...</div></td> 
     <td><div id="eta102">Loading...</div></td> 
    </tr> 

</table> 

我要發出 「ajaxUpdate（）」 關於類=從表中 「遷移」 每個實例。

我的info.php文件只是輸出隨機字符串和後字符串中的userid，唯一的問題是我需要爲每個字段提供這個。

我假設問題的原因是有多個class =「migration」字段。

我試過搜索，但找不到特定於多行的任何內容。

Answer 1

您可以通過用戶jQuery.each來遍歷結果。類似這樣：

success: function(results) { 
    $.each(results, function(index) { 
     // your logic goes here. 
    }) 
}