使用 JQuery $.post 进行验证

Question

我有一个关于异步调用的问题。我尝试做的是验证给定的“代码”是否有效。刷新页面不是一种选择。

简而言之：
我需要根据服务器的回复将变量设置为 true 或 false。
该调用是通过使用 ajax 完成的。
ajax ($.post) 请求处理来自服务器的回复，从而将变量设置为 true 或 false。
然后变量的值将用作该函数的返回值，true 或 false。
问题是仅在 ajax 完成后才返回。 ajax 的异步行为阻止了这种情况，并且没有完成挂起浏览器。

验证是通过使用一个函数来完成的（它将在 if 中使用）。

if 如下所示：

if(codeGiven()) {
    // Code ok. Continue to process
} else { msgCodeInvalid(); }

函数codeGiven如下

function codeGiven(toChk) {
    var codeOK = false; // default answer
    if(toChk) { // only perform call if toChk is not "" of undefined
        $.post(
            "validate.aspx", // server script
            { code: toChk }, // value
            function(data) { // function
                if(data == "true") {
                    codeOK = true; // when true => return will be true
                } else {
                    codeOK = false; // when false => return will be false
                }
            }
        );
    }
    return codeOK; // will be false by default but true when the code is OK
}

aspx 将使用发布的“代码”并将其与我数据库中的其他代码进行匹配。如果找到匹配项，则回复将为“真”。如果不是，则回复为“假”。

因为 ajax 调用 ($.post) 是异步的，所以结果总是错误的。

除了我的 setInterval 想法（我知道的一种肮脏的方法）之外，还有什么关于如何破解我的方法的建议吗？帖子内的返回无效。

有什么想法吗？

提前致谢

最终解决方案

我意识到我可以将我的整个逻辑放在 $.post 中。

所以基本上，我的逻辑如下（警告，这是一个深度树结构）：

if(myvar) { // if pid not empty
    $.post( // start validation
        "validator.aspx", // server side validation script
        { code : myvar }, // data to be passed to the server
        function(data, status) { // execute when post happend
            if(data == "true") { // if answer from server == "true"
                /*
                assign variables
                apply other logic
                process effects
                ...
                */
            } else { /* if answer from server == "false" => error: invalid code given */ }
        }
    ).error( /* error: validator did a boom boom. We're sorry :( */ );
} else { /* error: please enter a code */ }

Answer 1

检查函数的回调或承诺，例如：

function checkCodeGiven(toChk) {
    return $.post("validate.aspx", { code: toChk });
}

然后是这样的：

checkCodeGiven(someVar).then(function(data) {
    if(data == "true") {
        // do whatever you wanted to do for true
    } else {
        // do whatever you wanted to do for false
    }
});

Answer 2

你可以： .在ajax的成功函数中调用你想要的函数
或
.延迟方法：多次调用需要 if(codeGiven) 的部分，延迟约 100 毫秒，因此您确定它是错误的，或者一次调用就变为真的，替换这部分

if(codeGiven()) {
// Code ok. Continue to process
} else { msgCodeInvalid(); }

codeGiven();Delayer(0); 并声明这个

function Delayer(counter) {
        if (codeOK) {
            // Code ok. Continue to process
        } else if (counter <10) { //not sure if it may become true later
            setTimeout(Delayer, 100, counter++);} //call after 0.1 sec
          else {
            msgCodeInvalid();    // no hope to be true
        }
    }

加上codeOK应该全局声明
希望这对你有用 编辑只是澄清了一点