Dans Ajax-> soumettre comment trouver la soumission a été réussie

Question

J'ai une vue qui contient un caché <div>. Je montre le caché <div>, et quand je clique sur soumettre dans le caché <div>, je veux savoir si le résultat est un succès ou un échec.

En cas d'échec, le <div> ne doit pas masquer. En ce moment, il est toujours caché.

Answer 1

Exemple de code:

var element = document.getElementById(element_id); 
     element.innerHTML = '<p><em>Loading ...</em></p>'; 
     xmlhttp.open("GET", fragment_url); 
     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
       element.innerHTML = xmlhttp.responseText; 
      } 
     } 
     xmlhttp.send(null); 

changement xmlhttp.readyState lorsque votre requête Ajax est traitée et le serveur répond. xmlhttp.status vous donne le code retour du serveur xmlhttp.responseText vous donne la réponse du serveur - vous pouvez l'utiliser pour déterminer si votre logique métier est un succès ou un échec (envoyez un message d'erreur et vérifiez-le ici

Answer 2

@Cherian & @Pradeep a omis de mentionner que vous devez intercepter le gestionnaire d'onsubmit pour votre formulaire. Ce gestionnaire devrait faire la soumission de formulaire de style AJAX et empêcher la soumission par défaut en retournant 'false'.

<form action="submissionurl" method="post" onsubmit="formHandler(); return false;"> 
    ... 
</form> 

Je recommande également l'utilisation de jquery, car il simplifie votre code par un énorme amountsubmit