JS检查返回函数与if，总是返回false

Question

我想做一个简单的网站，使用登录，并且如果登录是某个字符串（例如，安德鲁）我想要它与一个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 and 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); 
       } 
      } 
     } 
}