Question

我想创建一个简单的网站，登录，如果登录是某个字符串（例如Andrew ），我希望它要求输入带有JS提示的密码。输入密码后，ajax函数会检查一个简单的php文件以获取密码。

为了更好地理解事物，这里是代码：

function login()
            {
                if (document.getElementById("username").value == "" || document.getElementById("username").value == null)
                {
                    alert("Wrong username... actually empty username :)\nTry again.");
                    return;
                }
                if (document.getElementById("username").value == "andrew")
                {
                    var pass = prompt("Password : ", "");
                    if (pass == "")
                    {
                        alert("Your password is empty!\nYou fucked it or you're not really Andrew!");
                        return;
                    } 

                    //THIS IF IS ALWAYS GOING IN ELSE

                    if (check_pass(pass))
                    {
                        alert("good password");
                        return;
                    }
                    else
                    {
                        alert("wrong");
                        return;
                    }
                }
                setCookie("username", document.getElementById("username").value, 365);
                window.location.href = "chat.php";
            }

这是我点击登录按钮后调用的函数。

我正在使用的 check_pass功能来检查它是否是正确的密码（此功能有效，但仅供参考）：

  function check_pass(password)
        {
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function()
            {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
                {
                    var checker = xmlhttp.responseText;
                    //alert(checker);
                    if (checker.indexOf('1') !== -1)
                    {
                        //alert("in true");
                        return true;
                    }
                    else
                    {
                        //alert("in false");
                        return false;
                    }
                }
            }
            xmlhttp.open("POST", "checkpass.php", true);
            xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlhttp.send("password=" + password);
        }

在check_pass函数中，我发出了一些警告来测试我是否真的得到了正确的值，是的，如果响应是1，它应该返回true，如果它是0，它应该返回false。它就是这样做的。但是......在登录功能中，这部分代码：

    if (check_pass(pass))
            {
                alert("good password");
                return;
            }
            else
            {
                alert("wrong");
                return;
            }

始终返回false。

我现在这样做了1个小时，我看不出有什么问题。有任何想法吗？我也试过 check_pass（pass）=== true 和 check_pass（pass）== true ，但它总是返回false。

任何建议都将不胜感激。

Answer 1

AJAX是异步的 - 你需要一个回调函数。修改您的check_pass来电以使用result参数

进行回调

check_pass(pass, function(result) {
    //do stuff with your result!
}

修改你的AJAX以使用数据执行回调：

function check_pass(password, callback) {
    ....
    xmlhttp.onreadystatechange = function()
        {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
            {
                var checker = xmlhttp.responseText;
                //alert(checker);
                if (checker.indexOf('1') !== -1)
                {
                    //alert("in true");
                    callback(true);
                }
                else
                {
                    //alert("in false");
                    callback(false);
                }
            }
        }
}

JS使用if检查返回函数，始终返回false

1 个答案: