Запустить функцию jquery после $ .each закончил с использованием обещания

Question

У меня есть каждый цикл, который вытаскивает информацию о четырехкварталах. Он выглядит примерно так:

$.getJSON('https://api.foursquare.com/v2/venues/search?search_string_here',  
function(data) { 
    $.each(data.response.venues, function(i,venues){ 
      var content = foursquare stuff; 
      $(content).appendTo("#fourSquare"); 
    }); 
}); 

Мне нужно инициировать функцию после завершения каждого цикла. Это работает, если помещаются после каждого цикла:

$("#fourSquare").promise().done(function() { 
    //do stuff 
}); 

Я не знаком с promise - странным делом в том, что она работает с любым селектором. Два вопроса:

1) Является ли это лучшим способом для каждого обратного вызова? 2) Каков правильный селектор здесь? Каждый из них не перебирает уже существующие элементы, поэтому я не уверен, что «обещаю»

Answer 1

$.getJSON вернет обещание, которое вы можете использовать. Это будет называться после обратного вызова.

var $ajax = $.getJSON('url', function(data){ 
    // your $.each 
}); 

$ajax.done(function(){ 
    // do stuff 
}); 

Answer 2

Вы должны использовать обещание, возвращенное getJSON:

$.getJSON(...) 
    .then(function() { $.each(...); }) 
    .then(function() { ... });