0
votes

Comment montrer le message de réussite et rafraîchir la page ensemble

J'ai un code de servlet JSP qui utilise AJAX pour traiter les données utilisateur. Dans la fonction Succès d'AJAX, je souhaite afficher un message de réussite à l'utilisateur et je souhaite également effacer tous les champs du formulaire, donc je rechargez la page. Cependant, lorsque je rechargez l'alerte disparaît. Quelle est la solution pour cela? XXX


3 commentaires

Vous n'avez pas besoin de recharger la page pour effacer les champs de saisie, vous pouvez facilement les vider à l'aide de JQuery. Cela devrait résoudre votre problème du message disparu.


Ou utilisez Settimeout () fonction. Après avoir montré un message quelque temps peut être de 1/2/5 seconde, vous pouvez recharger votre page.


Si vous souhaitez vraiment recharger votre page (comme mentionné par Chris pas vraiment nécessaire), vous devez transmettre ce message à la nouvelle page recentrée (par exemple en utilisant le stockage local)


3 Réponses :


1
votes

Rechargement de la page Après avoir effectué une demande AJAX est plutôt redondante. Il fait tout le point de la requête Ajax Moot.

Si tout ce que vous voulez faire, c'est effacer les champs du formulaire après la soumission que vous pourriez le faire manuellement: P>

success: function(response) {
  $.notify("Created group successfully.", "success");
  $('#yourForm').trigger('reset');
},


0 commentaires

-1
votes

Son redondant, comme mentionné par Chris, mais avez-vous envisagé d'utiliser SettimeOut ()?

Vous pouvez le faire par exemple: P>

success: successFunction(response)


2 commentaires

Ce n'est pas très convivial. Imaginez être sur un site un tout à coup, la page est complètement réinitialisée.


C'était juste un exemple. Je voulais juste montrer comment SettimeOut pourrait fonctionner. Je conviens que ce n'est pas quelque chose que vous pourriez réellement utiliser.



0
votes

ou au lieu de recharger la page, vous pouvez afficher le message de réussite, puis obtenir les entrées de formulaire et les effacer, ce qui ressemblerait à quelque chose comme ceci:

$('#yourForm').each(function(){
    this.reset();
});


0 commentaires