一旦我们得到 api 调用的响应，如何解决 promise？ [复制]

Question

我有在页面加载时调用的方法 dropDowndata 并且它正在呈现 dropdownbData 所以在 getClientList 我得到了来自 api 调用的响应但是当我试图在 dropdDownData 中调用 getCLientList 时它显示 Promise 待处理这导致未定义的data。下面的代码中实现了什么错误？如何解决 axios 承诺？

main.js

function dropdDowndata() {
        var _env = getEnv();
        var data;
        getClientList().then(function(response) {
          data = response;
        });

};

function getClientList = function() {
    debugger;
    var resetResponse = "";
    var refId = GUIDUtil.Guid.newGuid().toString("N");
    var details = {};
    var params = {
        "Request": {
            "header": {
                "serviceContext": {
                    "apiVersion": "1.0",
                    "lineOfBusiness": "SPD"
                },
                "securityContext": {
                    "securityType": "apiKey",
                    "apiKey": "26283629239362127"
                }
            },
            "details": details
        }
    };
    var clientListParams = {
        url: getHostName() + '/test/client',
        data: params,
        method: 'POST',

        headers: {
            'Content-Type': 'application/json'
        }
    };

    return axios(clientListParams).then(function(response) {
        return response.data;

    }).catch(error);
};

Answer 1

您将 Promise 分配给变量 data，而不是其结果。您可以使用 async/await 来等待解决，或者在 .then 回调中处理事情。

async function dropdDowndata() {
        var _env = getEnv();
        var data = await getClientList();
        // Do processing of data here...
};