为什么返回在 getJSON 中不起作用，为什么我不能从 getJSON 写入变量？

Question

我有一个使用 getJSON 的函数，但它没有像我预期的那样工作。

function balbla(name, param) {
        $.getJSON("/blabla.json?name=" + name + "&param=" + param, function(data) {
                return data.bla;
        });
}

当我在 getJSON 方法中使用 alert(data.bla) 时，它可以工作，但是当我尝试 return data.bla 时，它不起作用。此外，当我创建一个变量并尝试将data.bla 的值写入它时，它根本不起作用！

// 我试过这个：

function getRouteData(name, param) {
    return $.getJSON('/routes_js.json', {route:name, opt: param});
}
function getRoute(name, param) {
        getRouteData(name, param).done(function(data) {
                return data.route;
        });
}

但是当我调用getRoute("bla", "blub") 时，它仍然返回undefined。

Answer 1

AJAX 是异步的。在这种依赖于 AJAX 调用结果的函数中，您不能轻易地返回值。更改您的函数以接受回调：

function balbla(name, param, cb) {
    $.getJSON('/blabla.json', {name:name, param: param}, function(data) {
        cb(data.bla);
    });
}

并像这样使用它：

balbla('foo', 'bar', function(bla) {
    // do stuff
});

更简洁的方法是返回 jqXHR 对象：

function balbla(name, param) {
    return $.getJSON('/blabla.json', {name:name, param: param});
}

调用时，使用jqXHR对象的deferred/promise接口附加成功回调：

balbla('foo', 'bar').done(function(data) {
    alert(data.bla);
});

请注意，在同步模式下使用$.ajax() 根本不是您应该考虑的选项。它可能会挂起浏览器的 UI（或至少是活动选项卡），直到请求完成。除此之外，异步回调是每个人都这样做的方式。

如果您不喜欢使用回调函数，可以使用tamejs 等预处理器自动生成异步函数。

Answer 2

返回语句的函数：

function(data) {
    return data.bla;
}

... 没有被您的代码调用（它在 jQuery 内部被调用），因此您无法在函数调用的左侧进行赋值。

它也作为异步函数的一部分被调用，因此balbla 函数将在匿名函数被调用之前完成运行并返回。

如果您想对响应数据做一些事情，请在匿名回调函数中。

Answer 3

getJSON 是异步的，不是同步的。您需要使用回调，因此您的逻辑需要分两步完成。调用步骤和处理步骤。