Очень простой запрос JSON с jQuery

Question

Я пытаюсь получить простой запрос JSON, работающий с jQuery. Я хочу получить премьеры новых шоу от Trakt (API: http://trakt.tv/api-docs/calendar-premieres), но не может перемещаться по узлам. Похоже, мне может понадобиться дата, прикрепленная после ключа API в URL-адресе, но я не уверен, поскольку дело с JSON для меня совершенно новое.

$.ajax({ 
     type: "GET", 
     url: [url_with_actual_api_key], 
     dataType: "json", 
     async: true, 
     cache: false, 
     success: function(data){ 
     $.each(data, function(data, value) { 
      $(".title").append("<div class='item'><span>Title:</span>" + value.title + "</div>"); 
     }); 
     } 

Я получаю UNDEFINED конечно, потому что я пытаюсь получить «глубже» данные несколько уровней. Кроме того, value.episode ничего не показывает, получив название, самое близкое мне. Мой вопрос: как я могу получить все данные из запроса для каждого эпизода по дате API?

Большое спасибо и миллион первобытных людей.

Answer 1

Вам нужно дважды повторять, так как у вас есть массив date, содержащий массив episodes:

success: function(data){ 
    // for each date 
    $.each(data, function(index, broadcastDate) { 

     // broadcastDate.date has the date 
     // broadcastDate.episodes has the show data. 

     $.each(broadcastDate.episodes, function(index,episode) { 

      // episode contains show and episode objects 

      $(".title").append("<div class='item'><span>Title:</span>" + episode.show.title + "</div>"); 
     }); 
    });