javascript - 基于json数据加载表

Question

我试图弄清楚如何向用户显示基于 json 文件的表。我知道如何使用 javascript 打印基本表格

      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);

但是，当您使用 setInterval() 标记包装此函数时，它会在 500ms 内加载 json 文件，它只会不断地将结果附加到末尾。我怎样才能用已更改的值更新表？

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);