javascript - 如何使用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，并在获取轨道时将 currentPage 替换为 1 .

在 for 循环中添加一个按钮/链接，递增 currentPage 并调用 getAllLinks():

下一步

最后，您必须在更新之前清除容器。

希望这有帮助!