0

可能重复：
如何从函数的 AJAX 调用返回响应？

我对这段代码有问题。

当此函数返回 FALSE 时，它工作正常。

但如果它返回 TRUE，则不会。

我希望在函数返回 TRUE 时提交表单。

<form  action='register.php' method="post" onsubmit="return validate()" > ... </form>

这是脚本

<script language="JavaScript">
function validate() 
{
    var toreturn = false;


        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }

        var e = document.getElementById('e').value;
        var p = document.getElementById('p').value;
        var r = document.getElementById('r').value;


        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {



                if(xmlhttp.responseText != "ok")
                {
                    document.getElementById("msg").innerHTML = xmlhttp.responseText;

                    $(function() {
                      $("#msg").hide().fadeIn("slow");
                    }, 3000);


                }
                else    toreturn = true;    

            }
        }

        xmlhttp.open("POST","register_validate.php");
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send("e="+e+"&p="+p+"&r="+r);



        return toreturn;
}
</script>
4

2 回答 2

1

正如评论中提到的，您在使用异步代码时遇到了问题。从函数返回时，您的toreturn变量尚未填充。validate

对于 AJAX 回调：

xmlhttp.onreadystatechange = function () {
    // ...
}

您可以想象，您放入该函数中的代码将被“放在一边”并稍后在您当前的函数完成后调用（特别是，当 AJAX 请求的就绪状态发生变化时）。

您要做的是使您的按钮不是提交按钮。然后，在您的 AJAX 回调中，如果您获得成功的结果，则提交表单（这将需要为表单提供一个 id）：

xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        if (xmlhttp.responseText != "ok") {
            document.getElementById("msg").innerHTML = xmlhttp.responseText;

            $(function () {
                $("#msg").hide().fadeIn("slow");
            }, 3000);


        } else document.getElementById('your-form-id').submit();
    }
}
于 2013-01-19T02:07:41.677 回答
0

通过添加 false 解决了问题

xmlhttp.open("POST","register_validate.php",false);

感谢@Felix Kling 在如何从异步调用中返回响应？

添加 FALSE 值使函数 SYNCHRONOUS

于 2013-01-19T02:12:46.427 回答