阿賈克斯不會讓我返回true或false

Question

如果下面的ajax腳本不返回1，我試圖返回true整個validator.registercallback函數。但是，它不工作，我認爲它可能是一些基本的東西我錯過了，但我無法弄清楚。

validator.registerCallback('unique_username', function(value) { 

     //use ajax to run the check 
     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.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     if(xmlhttp.responseText != 1) { 
      alert('Username Exists'); 
      return false; 
     } else { 
      alert('Username Available!'); 
      return true; 
     } 
    } 
    } 
xmlhttp.open("GET","uniqueuser.php?username="+value,true); 
xmlhttp.send(); 

}) 

有什麼奇怪的是，以下的作品，它只是沒有根據的AJAX腳本的值工作：

validator.registerCallback('unique_username', function(value) { 

     //use ajax to run the check 
     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.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     if(xmlhttp.responseText != 1) { 
      alert('Username Exists'); 
      return false; 
     } else { 
      alert('Username Available!'); 
      return true; 
     } 
    } 
    } 
xmlhttp.open("GET","uniqueuser.php?username="+value,true); 
xmlhttp.send(); 

return true; 

}) 

所以基本上，我可以告訴它在主返回true函數，但是當我嘗試使它返回true時，如果ajax腳本中的值不返回1，則不起作用。順便說一下，警報工作。所以它獲得了正確的價值，但它不會返回真實的或者錯誤的。

任何幫助表示讚賞！

更新

validator.registerCallback('unique_username', function(value) { 

     //use ajax to run the check 
function ajax_result() { 
    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.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    } 
    } 
xmlhttp.open("GET","uniqueuser.php?username="+value,true); 
xmlhttp.send(); 
} 

if(ajax_result() != 1) { 

alert('Username Exists'); 
return false; 

} else { 

alert('Username Available!'); 
return true; 

} 

}) 

Answer 1

您已經添加了jQuery的關鍵字列表這個問題所以我的回答是使用jQuery：

var username = "foo"; 
$.get('uniqueuser.php', {username: username}, function(webpage) 
{ 
    if (webpage == 1) 
    alert("user exists"); 
    else 
    alert("Username available!"); 
}); 

Answer 2

你所缺少的是Ajax調用是異步。當你的函數結束時，ajax調用還沒有完成，值（真或假）只會在稍後返回。

爲了解決這個問題，您需要使ajax調用同步或修改您的鏈接邏輯，例如將其顛倒並在ajax調用中運行validator.registerCallback（）。你也可以考慮一些更復雜的技術，如promises。

[更新]這是怎麼做的要求同步：

xmlhttp.open("GET","uniqueuser.php?username="+value,false); 

您還需要更改代碼的其餘部分，例如參見this MDN article。

Answer 3

再次嘗試：

is_user_existing('foo', function(result) 
{ 
    if (result) 
    alert("user is existing"); 
    else 
    alert("user is not existing"); 
}); 

function is_user_existing(username, continuation) 
{ 
    $.get('uniqueuser.php', {username: username}, function(webpage) 
    { 
     continuation (webpage == 1); 
    }); 
}