Извлечение переменной из функции

Question

Я пытаюсь извлечь информацию из API Лиги Легенд.

Чтобы упростить то, что я делаю, я пытаюсь извлечь информацию о пользователе и их предыдущих матчах. Проблема, с которой я сталкиваюсь, заключается в том, что когда я разбираю запрос JSON, он возвращает идентификатор чемпиона, а не его имя (пример: 412, а не «Thresh»).

Единственное решение, которое я могу увидеть, это сделать другой запрос JSON и проанализировать эти данные для имени чемпиона. В настоящее время я выгляжу так.

$.getJSON(championMasteryPHP, function (json) { 
    for (var i = 0; i < 20; i++) { 
     var champID = json[i].championId; 
     var championInfo = "http://example.com/champInfo.php?summonerid=" + champID; 

    $.getJSON(championInfo, function (json2) { 
     var champName = json2.name; 
    }); 

    $('#champ').append("<li>"+champID+" - "+champName+"</li>") 
    } 
}); 

Я не могу получить доступ к переменной champName из-за его вложенными второй функции JSON.

Есть ли лучший способ сделать это?

Answer 1

$.getJSON(championMasteryPHP, function (json) { 
    for (var i = 0; i < 20; i++) { 
     var champID = json[i].championId; 
     var championInfo = "http://example.com/champInfo.php?summonerid=" + champID; 

    $.getJSON(championInfo, function (json2) { 
     var champName = json2.name; 
     $('#champ').append("<li>"+champID+" - "+champName+"</li>") 
    }); 
    } 
}); 

Просто поместите его во второй запрос json, так как вам нужно подождать, пока этот запрос будет выполнен в любом случае.

Answer 2

Вы должны положить заявление на добавление в функции обратного вызова, потому что getJSON асинхронный метод (это означает, что запрос выполняется в фоновом режиме, и вызывает вашу функцию назад, когда он получил ответ), так что вы должны ждать, ответ первые, то вы можете добавить его в #champ:

$.getJSON(championMasteryPHP, function (json) { 
    for (var i = 0; i < 20; i++) { 
     var champID = json[i].championId; 
     var championInfo = "http://example.com/champInfo.php?summonerid=" + champID; 

     $.getJSON(championInfo, function (json2) { 
      var champName = json.name; 

      $('#champ').append("<li>"+champID+" - "+champName+"</li>") 
     }); 

    } 
}); 

Надеется, что это помогает.