Comment soumettre un formulaire sans redirection de page en utilisant jQuery Ajax et PHP ?

Exemple POST jQuery Ajax avec PHP

Introduction :
La soumission de formulaires déclenche généralement une redirection du navigateur. Cet article montre comment capturer les données d'un formulaire à l'aide de jQuery Ajax et les envoyer à un script PHP pour traitement sans provoquer de redirection.

Implémentation de jQuery Ajax :
Pour gérer la soumission de formulaire à l'aide de jQuery Ajax, suivez ces étapes :

1. Empêchez la soumission du formulaire par défaut en utilisant event.preventDefault().
2. Sérialisez les données du formulaire à l'aide de $form.serialize().
3. Désactivez les entrées du formulaire pendant que la requête Ajax est en attente.
4. Utilisez le $. ajax() pour envoyer les données sérialisées au script PHP.
5. Définissez les gestionnaires de rappel pour le succès, l'échec et l'achèvement à l'aide request.done(), request.fail() et request.always().
6. Réactivez les entrées du formulaire une fois la requête Ajax terminée.

Intégration du script PHP :
Dans le script PHP qui traite les données soumises (form.php dans notre exemple) :

1. Accédez au valeurs publiées à l'aide de la variable globale $_POST.
2. Assurez-vous d'une désinfection appropriée des données publiées pour empêcher tout code malveillant.

Remarques supplémentaires :

• jQuery 1.8 et versions ultérieures obsolètes .success(), .error() et .complete(). Utilisez plutôt .done(), .fail() et .always().
• Vous pouvez également utiliser le raccourci .post() à la place de .ajax() dans le code JavaScript.
• Le code fourni fonctionne avec jQuery 1.8 et versions ultérieures, ainsi qu'avec les versions précédentes jusqu'à jQuery 1.5.

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!