javascript - $.getJSON 返回值到变量

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 8 年前。

这是我的问题

我有一个充满国家/地区代码的 JSON 文件，以及一个获取随机国家/地区代码的函数，如下所示:

function getRandomCountryCode(specificMap){
  $.getJSON('../maps/' + specificMap + '.json', function( data ) {
    var countries = [];
    for (var i in data.country) {
      countries.push(data.country[i].code);
    }
    var rndCountryCode = countries[Math.floor(Math.random()*countries.length)];
    return rndCountryCode;
  });
};

在另一个函数中，我调用上面的函数并尝试存储 rndCountryCode变量到另一个变量中，以便它在新函数中可用。

function loadMap(map){
  var specificMap = map;
  var y = getRandomCountryCode(specificMap);
  console.log("Y is : " + y);
}

我得到的只是undefined 。我做了很多研究(here和 here尤其是here )并意识到这是因为 $.getJSON 的异步特性，并且我应该使用回调，但我一生都无法弄清楚。

感谢您的帮助。

Answer 1

将您要执行的代码放在

之后

var y = getRandomCountryCode(specificMap);

在成功回调中

function getRandomCountryCode(specificMap){
  $.getJSON('../maps/' + specificMap + '.json', function( data ) {
    var countries = [];
    for (var i in data.country) {
      countries.push(data.country[i].code);
    }
    var rndCountryCode = countries[Math.floor(Math.random()*countries.length)];
    >>>console.log("rndCountryCode  is : " + rndCountryCode );
    return rndCountryCode;
  });
};

由于 getJSON 是异步的，并且您不知道响应何时返回，因此保证操作响应的代码能够正常工作的唯一方法是将其放入成功处理程序中(getJSON 的第二个参数)。

当有成功响应时，无论花费多长时间，都会执行成功处理程序。