Wie füge ich Daten aus einem Webformular mit PHP und jQuery/AJAX in eine MySQL-Datenbank ein?

Einfügen in MySQL aus PHP mit jQuery/AJAX

Das Einfügen von Daten aus einem Webformular in eine MySQL-Datenbank mit PHP und AJAX mit jQuery ist möglich wirken zunächst abschreckend. Anhand eines einfachen Beispiels können wir den Prozess jedoch in überschaubare Schritte herunterbrechen.

Formular und jQuery-Code

Unser HTML-Formular besteht aus einer Texteingabe für Benutzereingaben und eine Schaltfläche zum Senden:

<code class="html"><form method="post" action="process.php" onSubmit="return ajaxSubmit(this);">
  Value: <input type="text" name="my_value" />
  <input type="submit" name="form_submit" value="Go" />
</form></code>

Process.php ist hier das PHP-Skript, das die Datenübermittlung übernimmt. Die jQuery-Funktion ajaxSubmit wird bei der Formularübermittlung aufgerufen. Es serialisiert Formulardaten in Array-Daten und sendet eine AJAX-Anfrage an das Skript „process.php“, das die Daten überträgt.

Das Prozessskript

Der PHP-Skriptprozess. PHP führt die folgenden Aufgaben aus:

1. Formulardaten mit der post()-Funktion importieren: $val = mysql_real_escape_string(post('my_value'), $cxn);
2. Bereinigen Sie die Daten, um SQL-Injection zu verhindern: $val = mysql_real_escape_string($val, $cxn);
3. Stellen Sie eine MySQL-Verbindung her mit $cxn = mysql_connect(...) und wählen Sie das Ziel aus Datenbank.
4. Erstellen Sie eine MySQL INSERT-Abfrage mit den Formulardaten: $sql = sprintf("INSERT INTO ...VALUES '%s';", $val);
5. Führen Sie die Abfrage aus using $result = mysql_query($sql, $cxn);
6. Erstellen Sie ein Antwortobjekt mit einem Erfolgsflag und kodieren Sie es in JSON: $resp = new stdClass(); $resp->success = true; print json_encode($resp);

AJAX-Antwortverarbeitung

Die AJAX-Anfrage in jQuery überprüft die Serverantwort auf Erfolg und zeigt eine entsprechende Warnung an. Nach erfolgreicher Formularübermittlung wird der Benutzer durch eine Warnung benachrichtigt und das Formular kann zurückgesetzt werden.

Mit diesen Komponenten können Sie Daten aus Ihrem Webformular nahtlos in eine MySQL-Datenbank einfügen und Antworten mit jQuery/AJAX verarbeiten.

Das obige ist der detaillierte Inhalt vonWie füge ich Daten aus einem Webformular mit PHP und jQuery/AJAX in eine MySQL-Datenbank ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!