SounCloud APIを使用してページネーションを実装する方法は？

Question

私はすべてのトラックを得ることができましたが、あまりにも多いので、ページネーションを実装する必要があります。ドキュメントを読んで、私はnext_hrefを取得する必要があることを知りました。しかし、私はその仕事を達成することができませんでした。私が欲しいのは、次の10トラックを表示する次の機能を持つオプションがあれば、その時に10トラックを表示できることです。ここで私のコードは$（document）.ready（function（）{getAllTracks（）}）から呼び出されます。事前に おかげで...

var currentPage = 0; 

     // Get all tracks from my profile 
    function getAllTracks(){ 
     SC.get("/tracks", { 
        user_id: userId, 
        limit: 10, 
       linked_partitioning: currentPage  
       }, function (tracks) { 

        // Create next button 
        $('#mainContainer').append("<button id='next'>Next</button>"); 
        for (var i = 0; i < tracks.length; i++) { 
         var className = tracks[i].title; 
         $('#mainContainer').append("<div id=" + i + " class= sermones-list></div>"); 

         SC.oEmbed(tracks[i].uri, {maxwidth: "700%", maxheight: "166"} ,document.getElementById(i)); 
         $("#" + i).before("<h3>"+ tracks[i].title+ " " + tracks[i].created_at +"</h3>"); 
        } 

        $('#next').click(function(){ 
         currentPage = currentPage + 1; 
         $('#mainContainer').empty(); 
         console.log(currentPage) 
         getAllTracks(); 
        }); 
        console.log(currentPage) 
        // } 
       }); 
     } 


$(document).ready(function(){ 
    currentPage = 1; 
    getAllTracks(); 
}); 

Answer 1

のはcurrentPageそれを呼びましょう、現在のページを追跡するための変数を作成します。 $(document).readyにcurrentPageを1に設定し、トラックを取得したときに1の代わりにcurrentPageを置き換えます。

がcurrentPageをインクリメントしgetAllLinks()を呼び出すループのためのあなたの中のボタン/リンクに追加：

次

最後に、あなたは、更新する前に、あなたのコンテナをクリアする必要があります。

希望すると便利です。