AJAX 和返回（异步相关）[重复]

Question

我的代码如下：

function DBManager() {

    this.getContactsList = function() {
        $.post('/post/getContactsList', function (contacts) {
            return contacts;
        });
    }
}

var DBManager = new DBManager();

console.log(FF_DBManager.getContactsList());

但我收到的是undefined，而不是看到帖子回复的结果。

Answer 1

我喜欢在这些情况下使用的示例。

同步函数是这样工作的。你告诉你的妻子你要出去购物，递给她一张白纸，告诉她写下她要你买的东西。你等她写下来，然后去商店。

异步函数是这样工作的。你告诉你的妻子你要出去买东西，递给她一张白纸，让她写下她要你买的东西，等她买完后，把纸给你，然后告诉她你去商店；你会等待她的指示。然后你就忘掉它，开始阅读你的晚报。

在不了解您所做的事情的情况下使用异步函数，就像您在原始帖子中所做的那样，您做了这样的事情。你告诉你的妻子你要出去买东西，递给她一张白纸，让她写下她要你买的东西，等她买完后，把纸给你，然后告诉她你去商店。然后你立即去商店，当你在你身上找不到你妻子的纸时会感到困惑。你回家，继续阅读晚报。然后你的妻子给你她的清单并试图告诉你去商店，但你不理她，认为你的工作已经完成。

Answer 2

当您进行函数调用时，该函数会依次发出 ajax 请求，这基本上是一个异步请求。此时返回的是undefined，但是一旦ajax调用完成，就会返回正确的值。

function DBManager() {

    this.getContactsList = function() {
        $.post('/post/getContactsList', function (contacts) {
            console.log(contacts);
            return contacts;
        });
    }
}

var FF_DBManager = new DBManager();

console.log(FF_DBManager.getContactsList());

可以尝试在回调方法中添加console.log(contacts);，看看基本返回了什么。

否则，如果您真的想使用 ajax 并等待返回，那么您可以尝试使 ajax 调用 同步 而不是 异步

$.ajax 的简单示例

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType,
  async:false
});

Answer 3

因为contacts的值只有在ajax调用完成后才可用。因此，您需要通过处理 ajax 结果的回调函数来完成。喜欢

function DBManager() {

    this.getContactsList = function(cb) {
        $.post('/post/getContactsList', function (contacts) {
            cb(contacts);
        });
    }
}

FF_DBManager.getContactsList(function(data){

    console.log(data);

});