javascript - 处理 Javascript 中的异步调用

Question

我在这里遇到了一个小麻烦。在我的 document.ready 函数中，我定义了一个对象，并且该对象由三个不同的 ajax 调用(在 document.ready 内)填充。现在我想做一个

 console.log(myObject);

仅当 3 个异步调用已完全执行时。请建议一种方法来做到这一点。

Answer 1

使用我建议你创建一个像这样的函数:

function onAllInformationIsReady() {
        console.log(myObject);
    }

function isAllInformationReady() {
    // verify here if you have all the information
}

你在你的ajax调用上做了类似的事情(我不假设你在这里使用jQuery，用你的ajax调用方法替换)

$.ajax({
    type: "POST",
    url: "some.php",
    data: "...n",
    success: function(msg){

     if(isAllInformationReady())
        onAllInformationIsReady();

    }
});

顺便说一句，如果您使用 jQuery，您可以像这样进行同步 ajax 调用:

$.ajax({
        type: "POST",
        url: "some.php",
        data: "...n",
        async: false,
        success: function(msg){

        }
    });