发布Ajax函数返回true或false

我试图让Ajax函数返回true或false(这是一种从另一个函数调用的验证函数)。 所以另一个函数需要从这个函数中得到一个真实或者错误的值,所以它会知道下一步该怎么做

这是功能:

function validateLogin( uid, pass, i ){

        var uvalue = uid.value;
        var pvalue = pass.value;

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

        xmlhttp.open("POST","validateCheck.php",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

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

                if( xmlhttp.responseText == "Error" )
                    return false;
                else if( xmlhttp.responseText == "Yes" )
                    return a;
                else if( xmlhttp.responseText == 1 )
                        return false;               
                else if( xmlhttp.responseText == 2 )
                        return false;
                else if( xmlhttp.responseText == 3 )
                        return false;
                else if( xmlhttp.responseText == 4 )
                         return false;
                else if( xmlhttp.responseText == 5 )
                        return false;
                else
                    return true;
            }
          }

          xmlhttp.send("uid="+uvalue+"&pass="+pvalue);  
    }

调用函数是:

function validateForm(i){
   var uid = document.myform1.username;
   var pass = document.myform1.password;

   if( validateLogin(uid,pass,i) )
        alert(validateLogin(uid,pass,i));

}

但函数validateLogin没有返回任何东西给调用函数(validateForm)。


使用回调

function validateLogin(uid, pass, i, callback) {
    var uvalue = uid.value;
    var pvalue = pass.value;

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

    xmlhttp.open("POST", "validateCheck.php", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

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

            if (xmlhttp.responseText == "Error")
                callback(false);
            else if (xmlhttp.responseText == "Yes")
                callback(a);
            else if (xmlhttp.responseText >= 1 && xmlhttp.responseText <= 5)
                callback(true);
            else
                callback(true);
        }
    };

    xmlhttp.send("uid=" + uvalue + "&pass=" + pvalue);
}

并用这种方式调用你的函数

function validateForm(i){
   var uid = document.myform1.username;
   var pass = document.myform1.password;

    validateLogin(uid, pass, i, function (resp) {
        if (resp) {
            alert(resp);
        }
    });
}

使用Jquery的Deffered对象

function validateLogin(uid, pass, i) {
   var result = jQuery.Deferred();
   ...
    if (xmlhttp.responseText == "Error")
       result.value = false;
    else if (xmlhttp.responseText == "Yes")
       result.value = a;
   ...
   xmlhttp.send("uid=" + uvalue + "&pass=" + pvalue);
   return result.value;
}

这个功能不会提醒任何事情。 当你的函数执行完成并且你的ajax进程仍然在后台工作,你的函数不会返回任何东西,if条件将失败。

如果你有任何验证,那么你必须在ajax反应中进行验证。


  • 如果您需要下一个操作的结果,可以同步调用它:
  • xmlhttp.open( “POST”, “validateCheck.php”,假);

  • 给异步函数回调以处理结果

  • 看看jQuery Deferred Object

  • 将全局变量或html元素设置为返回值

  • ...

    链接地址: http://www.djcxy.com/p/55311.html

    上一篇: Post Ajax function to return true or false

    下一篇: Why does my phpsessid is change between 2 ajax requests