从异步Ajax请求`then`调用中的函数返回结果[重复]

Question

对这些新方法还是很陌生。

如下声明一个异步 ajax 请求：

async function doAjax(email) {
    let result;

    try {
        result = await jQuery.ajax({
            url: ajaxurl,
            type: 'POST',
            data: {"action": "custome_ajax_email_check", "guestemail": email }
        });

        return result;
    } catch (error) {
        console.error(error);
    }
}

这是在另一个名为 validate() 的函数中调用的

function validate() {
    var email = jQuery("#billingemail").val();

    if (isValidEmailAddress(email)) {
        doAjax(email).then( (data) => ajaxCallResult(data) )
    }

  . . . . . 

调试到现在，它确实如您所愿......进入validate()，进入doAjax()，这是最后一个调用（缩小）的函数：

function ajaxCallResult(data){

    data = jQuery.parseJSON(data);
    if(!data.result) {
        return true;
    }
    else {
        return false;
    }

}

但现在我需要 ajaxCallResult()... 的返回值（在这种情况下为布尔值），因为 true 或 false 表示用户电子邮件是否存在。

但由于它是链式的，我不知道如何将其声明为一个变量来返回结果。

Answer 1

在ajaxCall 函数之后重构您的代码，使其按顺序运行，您可以通过将回调传递给验证函数并在承诺解决时编写代码来实现。

async function doAjax(email) {
    let result;
    try {
        result = await jQuery.ajax({
            url: ajaxurl,
            type: 'POST',
            data: {"action": "custome_ajax_email_check", "guestemail": email }
        });

        return result;
    } catch (error) {
        console.error(error);
    }
}

function ajaxCallResult(data){
    data = jQuery.parseJSON(data);
    if(!data.result) {
        return true;
    }
    else {
        return false;
    }
}

function validate(successCb) {
    var email = jQuery("#billingemail").val();

    if (isValidEmailAddress(email)) {
        return doAjax(email)
        .then((data) => {
            return successCb(ajaxCallResult(data));
        });
    }
}

// Calling validate function
validate(function(data) {
    // Response from ajaxCallResult function
    console.log(data);
});