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

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

Barbara Streisand
Barbara StreisandOriginal
2024-11-01 16:16:021051Durchsuche

How to Insert Data into a MySQL Database from a PHP Form Using jQuery/AJAX?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn