如何使用ajax進行遠程無限滾動（無限滾動）？

Question

我喜歡JSON：

{ 
    "nextToken": "aGFsYW1hbj03NT0xNDkxMTI0NTA1", // token for next query 
    "results": [ 
     { 
      "id": 100 
     }, 
     { 
      "id": 102 
     }, 
     ... 
    ] 
} 

如何解析HTML和使用數據nextToken形式JSON用無盡的滾動？ 搜索它，但沒有找到。 剛發現id選擇器在html中沒有數據從json。你有想法嗎？

Answer 1

感謝評論@MarcoSalemo。 我解決我的問題： 只是用表的結構是這樣的：

<table id="myTable" data-next=""> 
     <tbody> 
     </tbody> 
    </table> 

然後阿賈克斯這樣的：

// call `data-next` from table  
var next = $('#myTable').data("next"); 
$.ajax({ 
     url: url, 
     dataType: 'json', 
     data: {'next': next}, 
     type: 'GET', 
     success: function(data) { 
      var i = 0; 
      $(data.results).each(function() { 
       $('#myTable > tbody').append('<tr><td>'+data.results[i].id+'</td></tr>'); 

      i += 1; 
     }); 

     // update `data-next` from json into table 
     $("#myTable").data("next", data.next); 
    } 
}); 

，然後從滾動事件調用Ajax來使不完的滾動（無限滾動）..