无尽分页数组数据

Question

我有一个超过500个条目的大型数组。其结构是这样的：

 Array 
     (
     [result] => Array 
     (
     [mounts] => Array 
      (
       [0] => Array 
        (
         [name] => Test0 
         [spellId] => 230401 
         [creatureId] => -73991 
         [itemId] => 142369 
        ) 

       [1] => Array 
        (
         [name] => Test1       
         [spellId] => 61447 
         [creatureId] => 32213 
         [itemId] => 44234 
        ) 

        ..... 

我得到的阵列DATAS用foreach这样的：

我想无限寻呼。所以当用户到达页面的末尾并向下滚动时，它应该加载下一个数据。

我知道有一些插件用于无限分页，但是我不能让它们将数据从数组中移出。你有一个简单的解决方案的任何提示？

Answer 1

您需要设置分页并设置窗口滚动侦听器，以便在用户滚动到底部时请求下一页。例如，不发送所有条目，而只发送页面设置时出现在“页面”上的内容。然后，在您的js中，您可以设置一个窗口滚动侦听器，以在用户滚动时请求下一个“页面”。

我创建了一个jsfiddle来显示事物的JS方面。我的addMoreElements会被替换成你想要设置你的分页ajax请求，我会把它的那一部分留给你。

下面是真正从小提琴重要的部分：很难

var $window = $(window), 
    $document = $(document); 
$window.scroll(function() { 
    if ($window.scrollTop() + $window.height() == $document.height()) { 
    addMoreElements(); 
    } 
});