如何使用$ .getJSON正确存储响应？

Question

我想将JSON文件存储在变量中，稍后在脚本中使用它。但变量只是显示为未定义。

这就是我所做的。

var citiesList;
var countryList;
$.getJSON("http://localhost:80/weather/js/country.json", function(data){
    citiesList = data;
    countryList = Object.keys(citiesList.countries);
});

现在，当我尝试访问citiesList的内容时，出现错误，说明无法读取未定义的属性长度。

这是我尝试访问内容的方式

var country = $('#countrySelect').val();
    $('#citySelect').html('');
    for (var i = 0; i < citiesList.countries[country].length; i++) {
        $('#citySelect').append('<option>' + citiesList.countries[country][i][0] + '</option>');
    }

当async设置为false时，相同的确切代码可以正常工作。但我正在寻找使用getJSON来避免此类错误的正确方法。

先谢谢你们。