从函数中检索变量

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

我无法访问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

你应该把 append 语句放在回调中，因为 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>")
        });
    }
});

希望这有帮助。