Làm cách nào để lấy URL cho API nếu URL tôi muốn có trong JSON của API?

Question

Vì vậy, tôi đang sử dụng API soundcloud để lấy mục yêu thích từ người dùng. Giới hạn tối đa của họ là 200 cho mỗi yêu cầu, tuy nhiên vào cuối đối tượng, họ có khóa a_href giá trị của ai là trang tiếp theo của mục yêu thích.

Về cơ bản, tôi đang cố gắng đặt nút để người dùng có thể nhấp vào nút và nó sẽ cho họ 200 lượt thích tiếp theo. Vấn đề của tôi là truy cập vào data.a_href mà không thực hiện nhiều cuộc gọi đến URL API ban đầu. Mã của tôi trông giống như sau:

function getAPIURL(username, subSection){ 
    apiurl = "https://api.soundcloud.com/users/" + username + "/" + subSection + "/?client_id=" + clientID + limit + "&linked_partitioning=1" 
} 


function getFavorites(){ 
    titleList.length = 0; 
    artistList.length = 0; 
    imgList.length = 0; 
    idList.length = 0; 
    $(".trackList").html(""); 
    username = $("input").val(); 
    subSection = "favorites"; 
    getAPIURL(username, subSection); 
    getAPI(apiurl); 
} 

function getAPI(apiurl){ 
    $.getJSON(apiurl, function(data) { 
     //Does some stuff then 
     $(".nextPage").on("click", function(){ 
      titleList.length = 0; 
      artistList.length = 0; 
      imgList.length = 0; 
      idList.length = 0; 
      $(".trackList").empty(); 
      getAPI(data.next_href); 
     }) 
     }); 
} 

Các công trình trên tuyệt vời khi tôi chuyển đến trang thứ hai. Tuy nhiên, khi tôi cố gắng chuyển sang phần thứ ba, nó giống như gọi cả trang thứ hai và trang đầu tiên trước khi gọi trang thứ ba ....

Bất kỳ ý tưởng nào?

Answer 1

này được nộp đơn lại các nhấp chuột với mỗi cuộc gọi:

function getAPI(apiurl){ 
    $.getJSON(apiurl, function(data) { 
     //Does some stuff then 
     $(".nextPage").on("click", function(){ 
      titleList.length = 0; 
      artistList.length = 0; 
      imgList.length = 0; 
      idList.length = 0; 
      $(".trackList").empty(); 
      getAPI(data.next_href); 
     }) 
     }); 
} 

Mỗi lần nó được gọi là, số lượng các bộ xử lý nhấp chuột đi lên bằng 1 và mỗi sẽ được gọi.

Để ngừng đăng ký lại, hãy xóa nó rồi áp dụng. off() thực hiện việc xóa.

function getAPI(apiurl){ 
    $.getJSON(apiurl, function(data) { 
     //Does some stuff then 
     $(".nextPage").off("click").on("click", function(){ 
      titleList.length = 0; 
      artistList.length = 0; 
      imgList.length = 0; 
      idList.length = 0; 
      $(".trackList").empty(); 
      getAPI(data.next_href); 
     }) 
     }); 
} 

Để làm cho cuộc sống dễ dàng hơn trong tương lai, tách onclick bạn ràng buộc từ getAPI gọi.

Nếu nút không có mặt trong DOM cho đến khi một số sự kiện xảy ra, liên kết với một yếu tố phụ huynh và họ sẽ không cần off/on:

$("PARENT OF THE .nextPage BUTTON").on("click", ".nextPage", function(){ 
    ... 
})