Wie kann ich mit jQuery Ajax POST ein Formular ohne Seitenumleitung an PHP senden?

jQuery Ajax POST mit PHP-Beispiel

Formulardaten ohne Umleitung senden

Um Seitenumleitungen durch Formularübermittlungen zu vermeiden, jQuery Ajax bietet eine Lösung zum Erfassen von Formulardaten und zum asynchronen Senden dieser an ein PHP-Skript. Hier ist ein Beispiel:

Form (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 ...
?>

Mit diesem Ansatz können Sie Formulardaten erfassen und an ein PHP-Skript senden, ohne dass Seitenumleitungen oder Browseraktualisierungen erforderlich sind. Denken Sie daran, alle veröffentlichten Daten zu bereinigen, um das Einschleusen von Schadcode zu verhindern.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery Ajax POST ein Formular ohne Seitenumleitung an PHP senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!