Comment puis-je soumettre un formulaire à PHP en utilisant AJAX sans actualiser la page ?

Soumission de formulaire avec AJAX : transmettre des données à PHP sans actualisation

Dans une tentative de soumettre des données de formulaire à PHP via AJAX sans actualiser la page , beaucoup ont rencontré un problème où la pression sur un bouton n'entraîne aucune action. Cela peut être attribué à l'inclination naturelle du formulaire à soumettre après la requête AJAX.

Pour résoudre ce problème, l'événement de soumission du formulaire doit être intercepté et empêché de déclencher son comportement par défaut. En implémentant le code suivant, le formulaire restera sur la page pendant que les données seront envoyées au serveur via AJAX :

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

  $.ajax({
    type: 'post',
    url: 'post.php',
    data: $('form').serialize(),
    success: function () {
      alert('form was submitted');
    }
  });
});

Avec cette modification, le formulaire ne soumettra plus ses données de manière conventionnelle, permettant la requête AJAX pour gérer le transfert de données. La méthode 'e.preventDefault()' empêche efficacement le comportement de soumission par défaut du navigateur, permettant ainsi de contrôler le processus de soumission via AJAX.

En incorporant cet extrait, vous pouvez soumettre les données du formulaire à PHP de manière asynchrone, sans avoir besoin pour les actualisations de page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!