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

Einfügen von Daten aus PHP in MySQL mit jQuery/AJAX

In diesem Leitfaden erfahren Sie, wie Sie PHP und jQuery/AJAX nutzen können Fügen Sie Daten aus einem einfachen HTML-Formular in eine MySQL-Datenbank ein.

Das Formular verstehen

Nehmen wir an, Sie haben ein Formular mit der folgenden Struktur:

<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>

jQuery/AJAX-Skript

Dieses Skript übernimmt das Senden der Formulardaten an den Server über eine AJAX-Anfrage:

<code class="javascript"><script type="text/javascript">
  var ajaxSubmit = function(formEl) {
    var url = $(formEl).attr('action');
    var data = $(formEl).serializeArray();

    $.ajax({
      url: url,
      data: data,
      dataType: 'json',
      success: function(rsp) {
        if(rsp.success) {
          alert('Form has been posted successfully.');
        }
      }
    });

    // Prevent the form from submitting to the page
    return false;
  }
</script></code>

Verarbeitungsskript ( process.php)

Dieses PHP-Skript stellt eine Verbindung zur Datenbank her und fügt die übermittelten Daten ein:

<code class="php"><?php
function post($key) {
  if (isset($_POST[$key]))
    return $_POST[$key];
  return false;
}

// Connect to the database
$cxn = mysql_connect('localhost', 'username_goes_here', 'password_goes_here');
if (!$cxn)
  exit;
mysql_select_db('your_database_name', $cxn);

// Escape the form input
$val = mysql_real_escape_string(post('my_value'), $cxn);

// Insert query
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';",
                'table_name_goes_here',
                $val
);

// Execute query
$result = mysql_query($sql, $cxn);

// Set response object
$resp = new stdClass();
$resp->success = false;
if($result) {
  $resp->success = true;
}

print json_encode($resp);
?></code>

Verwendung

1. Speichern Sie das Formular und das jQuery/AJAX-Skript in einer HTML-Datei.
2. Speichern Sie das Verarbeitungsskript als „process.php“.
3. Senden Sie das Formular, um die AJAX-Anfrage auszulösen, und fügen Sie die Daten ein in die Datenbank.

Hinweis: Dieser Code dient nur zur Orientierung und erfordert möglicherweise Änderungen, um in Ihrer spezifischen Umgebung zu funktionieren.

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