Jquery 无限列表：在“之后”；“回去”；对于列表，新元素不再存在。如何恢复它们？

我正在使用AJAX制作一个无限的元素（产品）列表。当我转到远离列表的另一个网站，然后使用浏览器“返回”列表页面时，向下滚动时添加的产品不再存在

我的问题：在“返回”之后，如何再次显示产品（即使是向下滚动时添加的产品）？

我想在这两种选择中：

选项1：以某种方式还原它们，因为它们已显示在客户端中。换句话说，它们已经在用户的计算机中。这可能吗

选项2：发出另一个AJAX请求以恢复产品

这是我在向下滚动时用来获取产品的AJAX请求：

  <a href="{{ path('product1') }}">product 1</a>
  <a href="{{ path('product2') }}">product 2</a>
  <a class="get-products" href="#">Get more products</a>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script type="text/javascript">
    $('.get-products').on('click',function() {
      event.preventDefault();
      $.ajax({
        type: 'GET',
        url: 'http://procom/app_dev.php/get-more-products', 
        success: function(response) {
          $('body').prepend(response);
        }
      }); 
    });
  </script>

$（'.get products'）。在（'click'，function（）上{
event.preventDefault（）；
$.ajax({
键入：“GET”，
网址：'http://procom/app_dev.php/get-more-products', 
成功：功能（响应）{
$（'body'）。前置（响应）；
}
}); 
});

如果可能，可以发布

html

，其他包含的

js

，创建stacksnippets/jsfiddle来演示？@guest271314我还可以粘贴一些代码。这是一个简单的代码开始。只是为了展示一对或多个产品，并进行AJAX调用。我的问题是：返回后，我应该如何再次显示产品（即使是向下滚动时添加的产品）？