從一個函數內檢索一個變量

Question

我試圖從傳奇API的信息中提取信息。

爲了簡化我在做的事情，我試圖提取關於用戶和他們先前匹配的信息。我碰到的問題是，當我解析一個JSON請求時，它會返回一個冠軍ID而不是他們的名字（例如：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>") 
    } 
}); 

我不能因爲它嵌套在第二JSON函數中訪問champName變量。

有沒有更好的方法來做到這一點？

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>") 
     }); 

    } 
}); 

希望這有助於。