javascript - 无法获取 Promise/ajax 数据以返回父函数

Question

我搜索了很长时间，虽然有很多类似关键字的问题，但没有一个有相同的复杂性，所以让我解释一下我的问题:

我有一个函数(getProjectData)，必须被调用(这是一个系统范围的事情)来从cms的特定管理部分获取所有数据。我的问题来自于条件检查，如果 A 一个对象为空，如果 B，则它需要包含 1 个以上 ajax 调用的结果。整个数据对象在此函数中重新调整。到目前为止的代码:

function getProjectData() {
    var code = "some id";
    var frozen = true;

    var obj = {
        code: code,
        frozen: true,
        localData: "",
    };

    // here is the point where the object gets returned with a black localData 
    // or splits to get a few ajax calls
    if ( !obj.frozen ) return obj;
    else {
        getLocalData ( code ).then( function ( data ) {
            // ideally, here i would make the parent return obj, but this time with added localData data
            obj.localData = data;
            parent.return obj;
        } );
    }
}

function getLocalData ( code ) {
    var promise = new Promise ( function ( resolve, reject ) {
        var apiReq = "apiUrl";
        var chartsReq = "anotherApiUrl";
        var res;

        $.when(
            // api response
            $.ajax({
                url: apiReq + code,
                type: "get",
                success: function ( data ) {
                    return data;
                },
                error: function ( error ) {
                    return error;
                }
            }),
            // another ajax call..
            $.ajax({ ... }),
            // another ajax call..
            $.ajax({ ... })
        ).then(
            function ( a, b, c ) {
                data = {
                    response: a
                    ...... for b and c
                };
                resolve ( data );
            },
            function ( error ) {
                reject ( error );
            }
        );
    } );
    return promise.then(
        function (data) {
            return data;
        },
        function ( error ) {
            console.log ( error );
        }
    );
}

我的问题是，由于(并且我也尝试了其他方法..)所有返回都在其他函数内的函数中，因此在添加 localData 后无法返回 Obj 对象。

我可能对它进行了过度设计，但我尝试了很多不同的方法，并且由于 getProjectData 是通过保存按钮调用的，并且需要返回值而不是附加到 DOM，我不知道该怎么办!

我知道，在异步请求中，函数必须在结果可用之前返回，我们通常会使用回调，但回调将无法返回某些内容。我可以使用同步请求，但我知道它们将被弃用..

有什么想法吗？

Answer 1

下面列出了调用函数的正确方法。

我真的不明白你的意思:

// ideally, here i would make the parent return obj, but this time with added localData data

在父级中使用以下方式，您应该调用:

getProjectData.then(function(obj){ 
 //... do whatever
});

JS:

function getProjectData() {
    var code = "some id";
    var frozen = true;

    var obj = {
        code: code,
        frozen: true,
        localData: "",
    };

    // here is the point where the object gets returned with a black localData 
    // or splits to get a few ajax calls

    return new Promise(function(resolve, reject) {

      if ( !obj.frozen ) 
        resolve(obj);
      else {
        getLocalData ( code ).then( function ( data ) {
            // ideally, here i would make the parent return obj, but this time with added localData data
            obj.localData = data;
            resolve(obj);
        });
     });
    }
}

function getLocalData ( code ) {
    var promise = new Promise ( function ( resolve, reject ) {
        var apiReq = "apiUrl";
        var chartsReq = "anotherApiUrl";
        var res;

        $.when(
            // api response
            $.ajax({
                url: apiReq + code,
                type: "get",
                success: function ( data ) {
                    return data;
                },
                error: function ( error ) {
                    return error;
                }
            }),
            // another ajax call..
            $.ajax({ ... }),
            // another ajax call..
            $.ajax({ ... })
        ).then(
            function ( a, b, c ) {
                data = {
                    response: a
                    ...... for b and c
                };
                resolve ( data );
            },
            function ( error ) {
                reject ( error );
            }
        );
    } );

    return promise;

}