Итерация по массиву в JS - можно просмотреть на console.log(), но $ .each() отказывается итерацию над ней

Question

Можно создать дубликат:
Return value from ajax call?
JavaScript asynchronous return value/assignment with jQuery

У меня проблема с тем, что я пытаюсь выполнить итерацию по массиву в JavaScript, но по какой-то причине он не делает этого. Я создаю массив в обратном вызове $ .get() из API last.fm и создаю массив объектов. Когда я потом пытаюсь выполнить итерацию по массиву, это не работает, а длина равна нулю.

Я разместил JSFiddle здесь:

http://jsfiddle.net/MMps2/2/

Любые мысли? Я немного смущаюсь!

Примечание: Всплывающие ваш JS консоль - Я входе вещи к нему ...

Answer 1

Ваш $.get запрос выполняется асинхронно. Вы пытаетесь вернуть значение результатов, прежде чем он даже получит шанс выполнить. Вместо этого используйте обратный шаблон для вызова другой функции, когда запрос на получение будет выполнен.

EDIT: Пример:

// Fetch top artists for the passed in username 
$.get('http://ws.audioscrobbler.com/2.0/', {method: 'user.getTopArtists', user: user, api_key: 'c2c920e0749f24f2661d54614335748d'}, function(data) { 

    // No need to use your higher scope results variable anymore 
    var results = []; 

    $('artist', data).each(function(index, artist) { 

     // For each artist in the result, build an object containing the artists name and MusicBrainz ID 
      results.push({ 
       'name': $('name', artist).text(), 
       'mbid': $('mbid', artist).text() 
     }); 

    }); 

    // Here's where such a call would go 
    sendResultsToWhateverObjectNeedsThem(results); 

});