Wie sende ich ein Formular ohne Seitenumleitung mit jQuery Ajax und PHP?

jQuery Ajax POST-Beispiel mit PHP

Einführung:
Das Absenden von Formularen löst normalerweise eine Browserumleitung aus. In diesem Artikel wird gezeigt, wie Sie Formulardaten mit jQuery Ajax erfassen und zur Verarbeitung an ein PHP-Skript senden, ohne eine Weiterleitung zu verursachen.

jQuery Ajax-Implementierung:
Um die Formularübermittlung mit jQuery zu verarbeiten Ajax, befolgen Sie diese Schritte:

1. Verhindern Sie die standardmäßige Formularübermittlung mit event.preventDefault().
2. Serialisieren Sie die Formulardaten mit $form.serialize().
3. Deaktivieren Sie Formulareingaben, während die Ajax-Anfrage aussteht.
4. Verwenden Sie $. ajax()-Methode zum Senden der serialisierten Daten an das PHP-Skript.
5. Definieren Sie Callback-Handler für Erfolg, Misserfolg und Abschluss mit request.done(), request.fail() und request.always().
6. Formulareingaben nach Abschluss der Ajax-Anfrage wieder aktivieren.

PHP-Skript-Integration:
Im PHP-Skript, das die übermittelten Daten verarbeitet (form.php in unserem Beispiel):

1. Zugriff auf Gepostete Werte mithilfe der globalen Variablen $_POST.
2. Stellen Sie eine ordnungsgemäße Bereinigung der geposteten Daten sicher, um bösartigen Code zu verhindern.

Zusätzliche Hinweise:

• jQuery 1.8 und höher veraltet .success(), .error() und .complete(). Verwenden Sie stattdessen .done(), .fail() und .always().
• Sie können im JavaScript-Code auch die Abkürzung .post() anstelle von .ajax() verwenden.
• Der bereitgestellte Code funktioniert mit jQuery 1.8 und höher sowie mit früheren Versionen bis hin zu jQuery 1.5.

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