Ajax ne me laisse pas retourner vrai ou faux

Question

J'essaye de renvoyer vrai pour la fonction validator.registercallback entière si le script ajax suivant ne renvoie pas 1. Cependant, il ne fonctionne pas, et je pense que c'est probablement quelque chose de basique que je suis manquant, mais je ne peux pas le comprendre.

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(); 

}) 

Ce qui est bizarre est que les œuvres suivantes, il ne fonctionne tout simplement en fonction de la valeur de ne pas le script 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; 

}) 

Donc, fondamentalement, je peux le dire de revenir vrai dans la principale fonction, mais quand j'essaie de le rendre vrai seulement si la valeur dans le script ajax ne retourne pas 1, cela ne fonctionne pas. En passant, les alertes fonctionnent. Donc, il obtient la bonne valeur, mais il ne reviendra pas vrai, ou faux d'ailleurs.

Toute aide est appréciée!

Mise à jour

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

Vous avez ajouté jQuery à la liste des mots-clés à cette question, donc je répondre à l'aide jQuery:

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

Answer 2

Ce que vous manque est que l'appel ajax est asynchrone. Lorsque votre fonction se termine, l'appel ajax n'est pas encore terminé et la valeur (true ou false) ne sera renvoyée que plus tard. Pour résoudre ce problème, vous devez soit synchroniser l'appel ajax, soit modifier votre logique de chaînage, par exemple l'inverser et exécuter validator.registerCallback() dans l'appel ajax. Vous pouvez également envisager des techniques plus sophistiquées comme promises.

[Mise à jour] Voici comment vous faites la demande synchrone:

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

Vous aurez également besoin de changer le reste du code, voir par exemple this MDN article.

Answer 3

Essayer à nouveau:

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); 
    }); 
}