javascript - 从 AJAX 请求中检索值的函数

Question

如何编写一个函数来返回通过 $.get 从服务器获取的值？

这是我尝试过的，但不起作用:

function getMessage(key) {
    $.get("/messages.json", function(data) {
        return data.messages[key];
    }, "json");
}

有什么想法吗？

Answer 1

因为 Ajax 请求是异步的。这就是为什么您必须将回调传递给 $.get，以便在数据可用时处理数据。但 getMessage 函数在 $.get 回调执行之前返回。
您必须传递一个对返回值执行某些操作的回调。例如:

function getMessage(key, cb) {
  $.get("/messages.json", function(data) {
    cb(data.messages[key]);
  }, "json");
}

getMessage('foo', function(data) {
    alert(data);
});

当然，您也可以将callack直接传递给$.get并在那里处理数据提取:

function getMessage(cb) {
  $.get("/messages.json", cb);
}