用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. 
    }) 
}