jsonデータに基づくテーブルをロードする

Question

jsonファイルに基づいてテーブルをユーザに表示する方法を理解しようとしています。私はそれはそれだけで継続的に最後までに結果を追加します、これまで500ms JSONファイルをロードするようにあなたがsetInterval()タグでこの機能をラップしかし

 var myVar = setInterval(function(){ 
     $.getJSON(
      $SCRIPT_ROOT + '/load/', 
      {}, 
      function(data){ 
      $.each(data['result'], function(i, item){ 
       console.log(data['result'][i].data.value); 
       var clone = $('#template').clone(true).attr('id',''); 
       clone.find('.name').html(data['result'][i].name); 
       clone.find('.spread').html(data['result'][i].data.thing); 
       clone.appendTo('table'); 
      }); 
     }); 
     },500); 

を行うことではJavaScriptを使用して、基本的な表を印刷する方法を知っています。変更された値でテーブルを更新するにはどうすればよいですか？

Answer 1

あなたは、テーブルの内容を更新するだけの$ .eachループの前にテーブルの内容を削除したい場合は

var myVar = setInterval(function(){ 
    $.getJSON(
     $SCRIPT_ROOT + '/load/', 
     {}, 
     function(data){ 
     $('table').empty() 
     $.each(data['result'], function(i, item){ 
      console.log(data['result'][i].data.value); 
      var clone = $('#template').clone(true).attr('id',''); 
      clone.find('.name').html(data['result'][i].name); 
      clone.find('.spread').html(data['result'][i].data.thing); 
      clone.appendTo('table'); 
     }); 
    }); 
    },500);