javascript - Cordova 未能在循环内检查appAvailability。如何让循环等到appAvailability.check执行？

这是从我的网站加载应用程序名称的getapps函数。

getapps = function (applist){
var xmlhttp = new XMLHttpRequest();
var url = "http://mywebsite.com/"+applist;
xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var myArr = JSON.parse(xmlhttp.responseText);
        myFunction(myArr);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

    function myFunction(data) {
    var i;
    var query = data.data;
        if(query != ''){
            for(i = 0; i < query.length; i++) {
                var appinstall='';
                appAvailability.check(
                    query[i].appid,       // URI Scheme or Package Name
                    function() {  // Success callback
                         appinstall = "is available :)";
                        console.log(query[i].appid+"is available :)");
                    },
                    function() {  // Error callback
                        appinstall = "is not available :(";
                        console.log(query[i].appid+"is not available :(");
                    }
                );
                console.log(appinstall);

            }
        }
    }

}

在console.log函数外部的appAvailability.check首先触发n次在接下来的几秒钟内，在console.log函数内部的appAvailability.check触发n次，错误为unid appid。

我通过删除for循环和预定义appid进行了测试，该方法运行得很好，没有错误。

我如何通过使循环等到appAvailability.check完成来解决此问题？

最佳答案

这是因为appAvailability.check执行成功和失败回调。

我强烈怀疑您的代码正在该回调中执行本地调用，而该回调在执行了回调后即运行该回调。

您可以使用递归来解决此问题，如下所示：

function getApps(appslist) {
    var xmlhttp = new XMLHttpRequest(),
        url = "http://mywebsite.com/"+applist;

    callback = callback || function() {};

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var data = JSON.parse(xmlhttp.responseText);

            if (data != ''){
                checkApp(data.data);
            }
        }
    }

    xmlhttp.open("GET", url, true);
    xmlhttp.send();
}

function checkApp(applist, callback) {
    var app = applist.push();

    if (!app) {
        callback();
        return;
    }

    appAvailability.check(
        app.appid,      // URI Scheme or Package Name
        function() {    // Success callback
             console.log(app.appid + "is available");

             // handle availability here

             checkApp(applist, callback);
        },
        function() {  // Error callback
            console.log(app.appid + "is not available");

            // handle absence here

            checkApp(applist, callback);
        }
    );
}