如何将 $.getJSON 对象存储在全局变量中并稍后浏览它

Question

我正在尝试使用 JQuery 并尝试创建一个函数来从 JSON 返回的 API 获取动态数据并将其存储在全局变量中（我不知道这是否是正确/最佳的方法）。

到目前为止我所拥有的是

function getdata(url){
    var data = $.ajax({
        type: 'GET',
        url: url
    });
    return data;
};

到目前为止一切正常，但这会返回一个带有“responseJSON”键的对象，我似乎无法找到一种方法来导航到该键，然后对其中的数组执行 $.each 循环。

所以问题是：

1. 这是正确的/方式吗（如果不是，请解释您的答案）
2. 如何在“responseJSON”键中包含数组的多维对象中导航。

Answer 1

另一种方法是将回调传递给您的函数，以便您可以在函数内设置响应处理程序，并在调用 getData 方法时减少代码

function getdata(url, callback){
    var data = $.ajax({
                type: 'GET',
                url: url
            }).done(callback).error(function(){
               alert('Oppps...something went wrong')
            });
    return data;
};


getData('urlstring', function(data){
   /* doSomething with data */
})

Answer 2

AJAX 是异步的。这意味着它在您的脚本的其余部分运行时在后台运行。将来，当 AJAX 调用完成时，您就可以访问它。

在 jQuery 中，$.ajax 返回一个承诺。所以你可以做的是：

getdata('/path/to/your.json').done(function(data){
    // Use your JSON data here
    console.log(data);
});

发生的情况是，一旦 AJAX 调用完成，您的 .done() 函数将运行，您将可以访问返回的数据。

不要尝试访问$.ajax 对象的属性（在调用完成之前不会填充responseJSON）。使用回调来获取返回的数据。

Answer 3

如果想让json数据在全局范围内，只需要定义一个全局变量（即函数外），然后在函数内用返回的数据填充即可。像这样：

var api_response;

function get_data(url) {
  $.post(url, function(j) { api_response = j; }, "json");
  // or
  $.getJSON(url, function(j) { api_response = j; });
}

您甚至不需要为此创建函数，并且可以使用 jquery 自己的 $.getJSON（ 或 情况）。