Maison > interface Web > js tutoriel > Comment puis-je utiliser jQuery Ajax POST pour soumettre un formulaire à PHP sans redirection de page ?

Comment puis-je utiliser jQuery Ajax POST pour soumettre un formulaire à PHP sans redirection de page ?

Linda Hamilton
Libérer: 2024-12-23 16:58:13
original
450 Les gens l'ont consulté

How Can I Use jQuery Ajax POST to Submit a Form to PHP Without Page Redirection?

Exemple jQuery Ajax POST avec PHP

Soumission des données de formulaire sans redirection

Pour éviter les redirections de pages causées par les soumissions de formulaire, jQuery Ajax fournit une solution pour capturer les données d'un formulaire et les envoyer de manière asynchrone à un script PHP. Voici un exemple :

Formulaire (form.html) :

<form>
Copier après la connexion

jQuery (script.js) :

// Prevent default form submission
$("#foo").submit(function(event) {
  event.preventDefault();

  // Serialize form data
  var serializedData = $(this).serialize();

  // Send data to 'form.php' using Ajax
  $.ajax({
    url: "form.php",
    type: "POST",
    data: serializedData,
    success: function(response) {
      console.log("Data sent successfully.");
    },
    error: function(jqXHR, textStatus, errorThrown) {
      console.error(errorThrown);
    }
  });
});
Copier après la connexion

PHP (form.php) :

<?php
  // Retrieve and process posted data
  $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
  // ... perform database operations using $bar ...
?>
Copier après la connexion

En utilisant cette approche, vous pouvez capturer les données du formulaire et les envoyer à un script PHP sans redirection de page ni actualisation du navigateur. N'oubliez pas de nettoyer toutes les données publiées pour éviter l'injection de code malveillant.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal