如何获取$ .ajax（）函数中赋值的变量值？

Question

这是我的代码。 我想得到“旗帜”，但“旗帜”总是“假”。 即使程序执行“flag = true”，“flag”在返回时也会变为“false”。 如何从$ .ajax（）获得真正的价值？ 请帮我。 谢谢

function checkUserName() {
var name = document.getElementById("userName").value;
var namemsg = document.getElementById("userNameMsg");
var flag=false;
if (name == "") {
    flag=false;
} else {
    $.ajax({
        type : "POST",
        url : "/vclub/verify/checkUserName.do",
        dataType : "json",
        data : "userName=" + name,
        success : function(data) {
            if (data == true) {
                flag=true;
            } else {
                flag=false;
            }
        }
    });
}
alert(flag);
return flag;

}

Answer 1

由于AJAX是异步的，因此您需要使用回调。 在代码结束时返回标志后，您会收到AJAX响应。 关键点是在return flag之前不会调用success ，因为只有在从url接收到响应时才会调用附加到success的匿名函数。 请注意，由于您可能会或可能不会运行AJAX请求，因此当您可以立即提供返回时（如果名称为空字符串），您仍需要使用回调函数。 在这种情况下，将在flag设置为false后立即执行回调。 否则，checkUserName可能会在AJAX返回之前完成。

function checkUserName(callback) {
    var name = document.getElementById("userName").value;
    var namemsg = document.getElementById("userNameMsg");
    var flag=false;
    if (name == "") {
        // Note a callback is needed even if we don't use AJAX (because we might)
        flag=false;
        callback(flag);
    } else {
        $.ajax({
            type : "POST",
            url : "/vclub/verify/checkUserName.do",
            dataType : "json",
            data : "userName=" + name,
            success : function(data) {
                if (data == true) {
                    flag=true;
                } else {
                    flag=false;
                }
                callback(flag);
            }
        });
    }
}

如何使用：

checkUserName(function (flag) {
    // Here, the flag variable is available, but will not run until "callback" is called above
    alert(flag);
});

Answer 2

当AJAX请求成功完成时， flag的值将会改变，因为您为$.ajax函数的success属性分配的函数是回调函数。 实际上是你的alert(flag); 代码行将在执行success回调之前运行（当flag的值尚未更改时）。

如果你移动alert(flag); 对于success回调，你会看到它的价值被改变了。

我认为你需要移动callback(); 也适用于该功能。

Answer 3

把async:false ，

function loadProcess(processId) {
    var prc;
    $.ajax({
        async: false,
        url: '/processes/getprocess',
        data: {
            'id': processId
        },
        success(result) {
            prc = result;
        },
        error(xhr) { alert(xhr.responseText); }
    });
    return prc;
}