Javascript Girl
  1. Javascript Girl
  3. Traitement de formulaire via AJAX – Éviter les demandes GET & POST d'obtenir généré
Intereting Posts
Réinitialisation de la forme Angularjs Comment puis-je vérifier la compatibilité du datachanel WebRTC en utilisant JavaScript dans le côté client? Chrome Extension Trigger Keydown JS Validation de la largeur de la date cassée jQuery Validation plugin Comment comparer deux dates dans jquery Test de JavaScript Cliquez sur l'événement avec Sinon Comment charger une partie de la page toutes les 30 secondes Tracer le chemin avec l'objet DOM Comment tester un arbre d'appels de fonction pure isolés? Appelez la fonction javascript à partir d'une autre source Web javascript Rangée de table sélectionnée angular.js AngularJS Select preselect ne fonctionne pas Comment puis-je désactiver la touche de rétro-espace appuyer sur tous les navigateurs? Communication JSONP dans une extension Google Chrome Javascript pour ajouter la section cdata à la volée?

Traitement de formulaire via AJAX – Éviter les demandes GET & POST d'obtenir généré

J'essaie d'envoyer des données de formulaire via AJAX. Mais je vois que les demandes GET & POST sont générées.

Voici le formulaire de soumission de mon formulaire 

<button id="submit" class="btn">Submit</button>

J'ai un gestionnaire jQuery configuré pour l'événement onClick. Je construis une demande POST et je l'envoie via AJAX. 

 $(function(){ $('#submit').click(function() { $.ajax({ ... ... }); }); });

Je dois simplement envoyer une demande POST. Comment puis-je arrêter la génération de la demande GET?

Au lieu de se lier au clic du bouton, liez l'événement de soumission du formulaire et prévoyez le comportement par défaut: 

 $(function(){ $('form').on('submit', function(e) { e.preventDefault(); $.ajax({ ... ... }); }); });