Füllen Sie die Anleitung zum Senden von Formulardaten an einen PHP -Server mit JavaScript an

Überblick

In der modernen Webentwicklung ist die Übermittlung von Formulardaten an einen PHP -Server mit JavaScript eine gängige und effektive Praxis. Auf diese Weise können Entwickler die Aktualisierung und Verbesserung der Benutzererfahrung vermeiden. In diesem Artikel wird detailliert eingeführt, wie die asynchrone Einreichung von Formulardaten mithilfe der Fetch -API von JavaScript implementiert wird, und zeigt, wie diese Daten auf der PHP -Serverseite verarbeitet werden.

Grundlegende Konzepte der Einreichung von JavaScript -Formular

Formulareinführungen enthalten normalerweise Daten, die vom Benutzer eingegeben wurden. In herkömmlichen Einreichungen wird die Seite aktualisiert, was zu einer schlechten Benutzererfahrung führt. Mit JavaScripts Fetch -API oder AJAX können wir Daten asynchron an den Server senden, ohne die Seite neu zu laden.

Formular mit der Fetch -API einreichen

Die Fetch -API ist eine einfache Möglichkeit, HTTP -Anfragen in modernem JavaScript zu senden. Das folgende Beispiel zeigt, wie die Formulardaten über die Fetch -API an einen PHP -Server senden.

 <span class="fun">const form = document.querySelector (&#39;#myForm&#39;); Form.AdDeVentListener (&#39;subine&#39;, function (Ereignis) {Ereignis. console.log (&#39;Erfolg:&#39;, data);</span>

Analysieren Sie den obigen Code

In diesem Beispiel wählen wir zunächst das Formularelement in HTML aus. Blockieren Sie das Standardeinstellungsverhalten des Formulars, indem Sie `event.PreventDefault ()` aufrufen. Als nächstes erstellen wir ein neues "FormData" -Objekt, das automatisch alle Daten im Formular sammelt. Verwenden Sie schließlich die Fetch -API, um die Daten in die Datei `subled.php` in die Post des Servers zu senden.

Verarbeitungsanforderungen auf der PHP -Serverseite

Als nächstes empfangen und verarbeiten wir die eingereichten Formulardaten auf der PHP -Seite. In der Datei "sub Sent.php" können wir den folgenden Code verwenden, um die Formulardaten zu erhalten:

 <span class="fun">if ($ _server [&#39;request_method&#39;] == &#39;post&#39;) {$ name = $ _post [&#39;name&#39;]; $ mail = $ _post [&#39;E -Mail&#39;]; // Datenüberprüfung und -verarbeitung durchführen if (! Leer ($ name) && filter_var ($ mail, filter_valate_email)) {echo "Name: $ Name, E -Mail: $ -M -E -Mail"; } else {echo "Ungültige Eingabedaten"; }</span>

Datensicherheit sicherstellen

Bei der Verarbeitung von Daten müssen die Datenüberprüfung und -reinigung durchgeführt werden, um potenzielle Sicherheitsprobleme wie SQL-Injektion oder CSRF (Cross-Site Request Forgery (CSRF)) zu verhindern. Beispielsweise kann die Verwendung von PHP `filter_var` das Mailbox -Format überprüfen und so die Richtigkeit und Sicherheit der Daten sicherstellen.

Zusammenfassen

Durch die Kombination von JavaScript und PHP können Entwickler die Einreichungen des Formulars effizient verarbeiten, Seiten -Aktualisierungen vermeiden und die Benutzererfahrung verbessern. Während des Implementierungsprozesses ist es wichtig, die Datenüberprüfung und -verifizierung zu beachten, um die Stabilität und Sicherheit der Anwendung sicherzustellen.