jQuery Girl
  1. jQuery Girl
  3. $ (“#”). Soumettre avec Ajax rafraîchissant la page
Intereting Posts
Obtenir l’ID de l’élément de liste déplacé dans un jQuery sortingable Système de commentaires Ajax / jQuery Comment créer des événements de case à cocher à partir d’une boîte de dialog javascript créée dynamicment Comment puis-je faire défiler 2 div en même temps Jquery Hover Effect ne fonctionne pas dans IE jquery autocomplete get id comme étiquette sélectionnée Curseur jQuery personnalisé avec boucle infinie Comment append des scripts aux boutons personnalisés sur les lignes dans jqgrid? Comment récupérer les icons de l’image d’un tableau et les append une par une à l’intérieur des DIV JQuery Ajouter un événement de clic au texte d’entrée radio Comment supprimer tous les atsortingbuts par nom d’atsortingbut commence par Si les appels ajax entre domaines ne sont pas autorisés, comment devez-vous utiliser l’API de google spreadsheet? Comment appliquer un masque dynamic dans un formulaire dynamic? jQuery affiche car_orig if $ (this) .attr (.class) == «voiture» Cycle Divs and Thumbnails

$ (“#”). Soumettre avec Ajax rafraîchissant la page

Je ne sais pas quel est le problème, car ce code fonctionnait bien quelques temps auparavant. J’essaie de soumettre mon formulaire en utilisant Ajax et Ajax mon code.

Code Ajax 

  $(function() { $("#login").submit(function() { $('#signinPane').showLoading(); $("#loginError").hide(); var data = $(this).serializeObject(); $.ajax({ 'type': "POST", 'url': "", 'data':data, 'success': function(result) { } }); return false; }); });

Code HTML

Mon problème est que, lorsque je clique sur le bouton d’envoi, la page est actualisée et aucun appel Ajax n’est soumis. Pas sûr de ce qui se passe.

Je pense que vous devez appeler preventDefault sur l’object event.

Renvoyer false est acceptable lorsque vous êtes dans le gestionnaire JS vanilla, et vous ne l’êtes pas.

Essayez de passer l’événement en tant que paramètre, puis en appelant e.preventDefault()

jsfiddle Documentation 

 $(function() { $("#login").submit(function(e) { e.preventDefault(); $('#signinPane').showLoading(); $("#loginError").hide(); var data = $(this).serializeObject(); $.ajax({ 'type': "POST", 'url': "", 'data':data, 'success': function(result) { } }); }); });

utilisation 

 event.preventDefault(); $("#login").submit(function(event) { event.preventDefault(); $('#signinPane').showLoading();

Cela empêchera les caractéristiques de soumission de formulaire par défaut.

Essayer: 

 $("#login").submit(function(e) { e.preventDefault(); e.stopPropagation();

http://api.jquery.com/event.preventDefault/

http://api.jquery.com/event.stopPropagation/