Ajax 异步 - 如何在完成请求之前避免函数返回

Question

我有一个字符串 (id) 数组，我需要对其进行迭代以向 api 发出 ajax 请求并在数组中推送响应。问题在于，由于异步加载，return 语句是在调用结束之前进行的。 这里举个例子：

getArrConcat: function (id) {
    var arr = new Array();
    var arrJoin = "";
    for (var i=0; i<id.length; i++){
        Model.load(id[i], {
            success: function (org) {
                arr.push(org.data);
            }
        });
    }
    arrJoin = arr.join('; ');
    return arrJoin;
}

Answer 1

当结果依赖于 ajax 请求时，您不能同步执行 getArrConcat。

最简单的解决方案是让getArrConcat 返回一个Promise 并让调用函数async。

这看起来或多或少像：

getArrConcat: function (id) {
    return new Promise((resolve) => {
        for (var i=0; i<id.length; i++){
            Model.load(id[i], {
                success: function (org) {
                    var arr = new Array();
                    var arrJoin = "";
                    arr.push(org.data);
                    arrJoin = arr.join('; ');
                    resolve(arrJoin);
                }
            });
        }
    });
},

// call from an async method:
callGetArrConcat: async function() {
    const concatString = await this.getArrConcat(123);
    //Do something with concatString
}