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

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>

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);
    }
  });
});

PHP (form.php) :

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

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!