如何在 XMLHttpRequest 之后返回 Promise

Question

我在 Dynamics 365 中调用函数 enableButton 来启用/禁用按钮。我必须向系统返回一个 Promise。如果我执行一个返回 Promise 的简单测试函数，这工作正常，但我需要获取一个令牌，然后对服务进行外部调用以设置 true/false，然后返回 Promise。当我这样做时，它不起作用。似乎 Dynamics 从未从函数中获得 Promise。

这是我的代码（我已经发布了一些细节）。我只在 Dynamics 中调用 enableButton()。

function enableButton() {

    var params = getParams();

    var xhr = new XMLHttpRequest();

    xhr.open("POST", "http://my.tokenendpoint.com");

    xhr.onload = function () {

        var token = JSON.parse(xhr.response).access_token;

        getExternalData(token, ssn);

    }

    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

    xhr.send(params);

}

function getExternalData(token) {

    return new Promise(function (resolve, reject) {

        var url = "http://example.com"

        var query = JSON.stringify(

            {

                "queryparams": true

            }

        );

        var xhr = new XMLHttpRequest();

        xhr.open("POST", url);

        xhr.onload = () => {

            if (xhr.readyState === xhr.DONE) {

                if (xhr.status === 200) {

                    var data = JSON.parse(xhr.responseText);

                    var hasExternalData = hasExtData(data[0]); //returns a boolean

                    resolve(hasExternalData);

                }

                else {

                    reject(xhr.statusText);

                }

            }

        };

        xhr.onerror = function (e) {

            reject(xhr.statusText);

        };

        xhr.setRequestHeader("Authorization", "Bearer " + token);

        xhr.setRequestHeader("Content-Type", "application/json");

        xhr.send(query);

    });

}

我已经使用 fetch 重写了代码，但我没有收到返回给 Dynamics 的正确数据。

如果我在 Dynamics 中使用像这样的简单函数进行测试，它会起作用：

function enableButton() { 

    return new Promise(function (resolve, reject) {

                var test = true; 

                resolve(test); 

            }, 

            function (error) { 

                reject(error.message); 

                console.log(error.message); 

            } 

        ); 

    }

Answer 1

在您的情况下，最好将 async/await 与fetch一起使用。async function enableButton() {     const responseA = await fetch(accesstokenUrl, {        method: 'POST',        body: {                "access_token": "123"        },    });   const responseAJson = await responseA.json();   console.log("Response from the first fetch", responseAJson);   console.log("Your Access Token", responseAJson.access_token);      const responseB = await fetch(url, {        method: 'POST',        headers: {            'Authorization': 'Bearer ' + responseAJson.access_token,            'Content-Type': 'application/json'        },        body: JSON.stringify(            {                "queryparams": true            })    });    console.log("Response from the second fetch", await responseB.json());        const hasDebtCase = getDebtCase(responseB.json());    if (hasDebtCase) {        return Promise.resolve(hasDebtCase);    } else {        return Promise.reject(data);    }   }

Answer 2

请参阅下面的文章，了解在 Dynamics CRM 中使用启用规则时如何返回承诺。 https://ajitpatra.com/2019/12/11/d365-enable-rule-for-button-with-asynchronous-api-request-using-promise/?utm_campaign=Dynamics%20Weekly&utm_medium=email&utm_source=Revue%20newsletter如果我有帮助，请标记我的答案已验证