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()标记包装此函数以便它只加载json文件500ms时，它会不断地将结果附加到结尾。如何使用已更改的值更新表？

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

基于json数据加载表

1 个答案: