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 파일은 단순히 임의의 문자열과 게시물 문자열에서 사용자 ID를 출력합니다. 유일한 문제는 각 필드에 대해이 작업을 수행해야한다는 것입니다.

문제의 원인이 여러 개의 class = "migration"필드가 있다고 가정합니다.

검색을 시도했지만 여러 행에 관련된 것이 없습니다.

Answer 1

jQuery.each 사용자는 결과를 반복 할 수 있습니다. 이 비슷한 :

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