Tentativo di accedere all'API di Instagram utilizzando jQuery
Domanda
Sto provando a utilizzare l'API di Instagram e sto effettuando richieste AJAX in un ciclo do- while finché next_url non è nullo.Tutto quello che voglio che questo codice faccia è recuperare tutti i follower effettuando richieste continue fino al completamento.Cosa c'è di sbagliato in questo codice?
Quando rimuovo il ciclo do- while non mi dà errore, ma non appena utilizzo la richiesta AJAX all'interno di un ciclo, non si ferma mai.Chiaramente il $next_url
la stringa non viene modificata in quella appena recuperata next_url
- Perché?Che c'è?
$(document).ready(function(e) {
$('#fetch_followers').click(function(e) {
var $next_url = 'https://api.instagram.com/v1/users/{user-id}/followed-by?access_token={access-token}&count=100';
var $access_token = '{access-token}';
var $is_busy = false;
var $count = 0;
do {
while($is_busy) {}
$.ajax({
method: "GET",
url: $next_url,
dataType: "jsonp",
jsonp : "callback",
jsonpCallback: "jsonpcallback",
success: function(data) {
$is_busy = true;
$.each(data.data, function(i, item) {
$("#log").val($("#log").val() + item.id + '\n');
});
$("#log").val($("#log").val() + data.pagination.next_url + '\n');
$next_url = data.pagination.next_url;
},
error: function(jqXHR, textStatus, errorThrown) {
$is_busy = true;
//alert("Check you internet Connection");
$("#log").val($("#log").val() + 'Error\n');
},
complete: function() {
++$count;
$is_busy = false;
}
});
} while($next_url !== '' || $count <= 50);
});
});
Dopo aver fallito nella mia logica, ho aggiunto il file $count
variabile che può interrompere il ciclo do- while, perché il ciclo do- while veniva eseguito all'infinito.Dopo averlo aggiunto, funziona ancora all'infinito e non ho idea del perché.
Soluzione
Chiedi alla funzione di richiamare se stessa nel callback di successo ajax con il nuovo URL come parametro:
$(document).ready(function() {
$('#fetch_followers').click(function() {
var $access_token = '{access-token}';
pollInstagram('https://api.instagram.com/v1/users/{user-id}/followed-by?access_token={access-token}&count=100');
});
});
function pollInstagram(next_url, count) {
$.ajax({
method: "GET",
url: next_url,
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "jsonpcallback",
success: function(data) {
$.each(data.data, function(i, item) {
$("#log").val($("#log").val() + item.id + '\n');
});
$("#log").val($("#log").val() + data.pagination.next_url + '\n');
// If the next url is not null or blank:
if( data.pagination.next_url && count <=50 ) {
pollInstagram(data.pagination.next_url, ++count);
}
},
error: function(jqXHR, textStatus, errorThrown) {
//alert("Check you internet Connection");
$("#log").val($("#log").val() + 'Error\n');
}
});
}