AJAX/JSON으로 자동 업데이트

Question

내 코드가 작동하지만 내 테이블에 관심이 없으므로 잠시 시간이 지났습니다. xD

데이터베이스에있는 데이터를 테이블로로드하고 있으며 3 초마다 "자동 업데이트"되도록하고 싶습니다. 내 JSON 데이터가 정확하고 js-console에 업데이트 된 데이터가 표시됩니다. 하지만 내 테이블은 전체 페이지를 새로 고쳐야하므로 그것을 표시하고 싶지 않습니다. 그러나 그것은 내가하고 싶은 것이 아닙니다.

이

<script> 
$(document).ready(function() { 
    setInterval(function() {`` 
    $.ajax({ 
     url: "myStuff.php", 
     success: function(data) { 
      console.log(data); 

      myRecords = $.parseJSON(data); 
      $("#dynatable").dynatable({ 

       dataset: { 
        records: myRecords 
       } 
      }); 
     } 
    }); 
    }, 3000); 
}); 


<table id="dynatable"> 
    <thead> 
    <th>test1</th> 
    <th>test2</th> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

는 PHP :

내가 반환 된 JSON 데이터가 업데이트 될 때 내 데이터베이스에 데이터를 추가

$response = array(); 

    while ($zeile = mysqli_fetch_array($db_erg, MYSQL_ASSOC)) { 


    $response [] = array(
     "test1" => $zeile['wasd'], 
     "test2" => $zeile['wasdf'] 
    ); 

} 

echo json_encode($response); 

, 내가 그것을보고 여기

내 코드 (HTML + JS)입니다 js-console. 문제는 내 테이블이 그것을 표시하고 싶지 않다는 것입니다, 그냥 "오래된"데이터를 보여줍니다.

이 문제를 해결하기위한 제안이 있으십니까?

--------------------------------------------- ----------------

편집 :

지금 그것을 얻었다! This 내 문제를 해결하는 데 도움이되었습니다. 도와 주셔서 감사합니다!

$(document).ready(function() { 
    setInterval(function() { 
     $.ajax({ 
      url: "myStuff.php", 
      success: function(data) { 
       console.log(data); 

       var myRecords = $.parseJSON(data); 

       var dynatable = $('#dynatable').dynatable({ 
        dataset: { 
         records: myRecords 
        } 
       }).data('dynatable'); 

       dynatable.settings.dataset.originalRecords = myRecords; 
       dynatable.process(); 
      } 
     }); 
    }, 3000); 
}); 

Answer 1

이 코드는 테이블을 업데이트 할 수 있습니다 :) 다음은 내 코드입니다.