2017-04-02 7 views
0

私のようなJSONを持っている:ajaxでリモートエンドレススクロール(無限スクロール)を行うには?

HTMLに解析し、データ nextTokenフォームJSONを使用して無限スクロールを使用する方法
{ 
    "nextToken": "aGFsYW1hbj03NT0xNDkxMTI0NTA1", // token for next query 
    "results": [ 
     { 
      "id": 100 
     }, 
     { 
      "id": 102 
     }, 
     ... 
    ] 
} 

? それについて検索しますが見つかりません。 ちょうどjsonからのデータではないidセレクタで見つけました。アイデアはありますか?

+0

JavaScriptを使用する必要があります –

+0

デモコード@MarcoSalernoがありますか? – mylastof

+0

無限のスクロールでどういう意味ですか? –

答えて

0

@MarcoSalemoさんのコメントありがとうございます。無限スクロール(無限スクロールするためにスクロールイベントからAJAXを呼び出して

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

と: はちょうどこのような構造を持つテーブルを使用します:

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

その後、アヤックスこのような 私は私の問題を解決してい)..

関連する問題