L'alerte arrive avant la réponse

Question

J'ai cette fonction ajax qui valide la clé fournie par l'utilisateur. mais l'alerte est avant que la réponse ajax et en raison de laquelle, si l'utilisateur fournit une mauvaise clé peut même avoir accès

$(document).ready(function() { 
    $('#submit').click(function(e) { 
     e.preventDefault(); 
     var key = $('#downloadkey').val(); 
     var dataString = {KEY:key}; 
     $.ajax({ 
      url: "/mediabox/home/validate_key", 
      type: 'POST', 
      data: dataString, 

      success: function(msg) { 
       if(msg=="true") 
       { 
        alert("do something"); 
       } 
       else 
       { 
        alert("Your download key is either wrong or you didn't provide it."); 
        return false; 
       }       

      } 
     }); 

    }); 
}); 

Answer 1

Qu'est-ce qui vous fait croire l'alerte est venue avant que la réponse? Le gestionnaire de succès n'est invoqué qu'une fois que la réponse a été reçue avec succès côté client.

Pour confirmer, vous pouvez modifier votre gestionnaire de succès pour enregistrer la réponse:

success: function(msg) { 
    console.log(msg); 
    if(msg=="true") 
    { 
     alert("do something"); 
    } 
    else 
    { 
     alert("Your download key is either wrong or you didn't provide it."); 
     return false; 
    }       
} 

De plus, si vous utilisez le return false de refuser l'accès à l'utilisateur en bloquant l'action HTML, ne sera pas travailler en raison de la nature asynchrone d'AJAX.

Answer 2

La fonction success est appelée lorsque la requête est terminée.

succès (données, textStatus, jqXHR) Fonction, Array

Une fonction à appeler si la demande réussit. La fonction passe trois arguments : Les données renvoyées par le serveur, formatées selon le paramètre dataType; une chaîne décrivant le statut; et l'objet jqXHR (dans jQuery 1.4.x, XMLHttpRequest). À partir de jQuery 1.5, le paramètre de réussite peut accepter un ensemble de fonctions. Chaque fonction sera appelée à tour de rôle. Ceci est un événement Ajax.

Le code dans le gestionnaire de succès ne s'exécutera qu'une fois la requête AJAX terminée. Si vous recevez une alerte avant la main, cela indique que la requête s'est correctement déroulée.