javascript - 获取刚刚更新的列表

Question

我正在从服务器请求数据，如果我发布新数据，我希望浏览器显示旧数据+新数据，但这就是我得到的:

$(document).ready(function() {
  loadpost()
});

function loadpost() {
    $.ajax({
        url: '/home/_loading_process/',
        dataType: 'json',
        type: 'GET'
      })
      .done(function(data) {
          var dataArray = [];

          $.each(data.posts, function(i) {
            dataArray.push(data.posts[i].comment);
          });

          console.log(dataArray);
          $.each(dataArray, function(i) {
              $('div').clone.appendTo('anotherdiv');
            }
          });
      };

// output
// [1]
// [1, 2]
// [1, 2, 3]

如何让它只显示更新的列表，而不同时显示旧的和更新的列表，如下所示:

// output
// [1]

发布新数据后:

// [1, 2]

不是:

// [1]
// [1, 2]

Answer 1

每次调用 loadPost 时，您都会创建一个新的 dataArray。在 loadPost 函数之外定义 dataArray。在每次调用时将 dataArray 传递给 loadPost 或将 dataArray 全局定义为 .push() 将新元素添加到同一数组.

$(document).ready(function(){
    const dataArray = [];
    loadpost(dataArray); 
    // at next call to `loadPost` pass same array: `dataArray`    
});

function loadpost(arr) {    
    $.ajax({    
        url: '/home/_loading_process/',
        dataType: 'json',
        type: 'GET'    
    })
    .done(function(data){   
        $.each(data.posts, function(i){   
            arr.push(data.posts[i].comment);   
        });    
        console.log(arr);   
    });    
};

$(document).ready(function(){
    loadpost()    
});

const dataArray = [];

function loadpost() {    
    $.ajax({    
        url: '/home/_loading_process/',
        dataType: 'json',
        type: 'GET'    
    })
    .done(function(data){   
        $.each(data.posts, function(i){   
            dataArray.push(data.posts[i].comment);   
        });    
        console.log(dataArray);   
    });    
};