Wie kann JavaScript Daten an eine MySQL-Datenbank senden?

So senden Sie Daten von JavaScript an eine MySQL-Datenbank

JavaScript kann im Gegensatz zu anderen Programmiersprachen aufgrund ihrer unterschiedlichen Betriebsumgebungen nicht direkt mit MySQL-Datenbanken kommunizieren. JavaScript wird auf der Clientseite (in Webbrowsern) ausgeführt, während sich Datenbanken auf der Serverseite befinden. Um diese Lücke zu schließen, muss eine zwischengeschaltete serverseitige Sprache wie PHP, Java, .Net oder Node.js für die Datenbankabfrage verwendet werden.

Lösung

Folgen Sie diesen Schritten, um eine Verbindung herzustellen JavaScript, PHP und MySQL:

1. Schreiben Sie ein PHP-Skript (z. B. phpfile.php), das als Vermittler zwischen JavaScript und MySQL dient. Dieses Skript empfängt Daten von JavaScript über POST-Anfragen und führt die Datenbankoperationen aus.
2. Verwenden Sie in Ihrem JavaScript-Code AJAX (Asynchronous JavaScript and XML), um Daten an das PHP-Skript zu senden. Sie können die jQuery-Bibliothek verwenden, um AJAX-Aufrufe zu vereinfachen.
3. Verwenden Sie im PHP-Skript MySQLi oder PDO, um eine Verbindung zur Datenbank herzustellen und Abfragen auszuführen.

Beispielcode

HTML/JavaScript

<code class="html"><script type="text/javascript">
  function countClicks1() {
    // Increment the counter and update the display
    count1 += 1;
    document.getElementById("p1").innerHTML = count1;

    // Send the data to PHP using AJAX
    $.ajax({
      type: "POST",
      url: "phpfile.php",
      data: {
        count: count1,
      },
      success: function (response) {
        console.log(response);
      },
    });
  }
</script>

<p><a href="javascript:countClicks1();">Count</a></p>
<p id="p1">0</p></code>

PHP (phpfile.php)

<code class="php"><?php
$count = $_POST['count'];

// Connect to the database
$mysqli = new mysqli("localhost", "username", "password", "database_name");

// Insert the count into the database
$mysqli->query("INSERT INTO table_name (count) VALUES ('$count')");

// Close the database connection
$mysqli->close();</code>

Hinweis

Denken Sie daran, die Verbindungsparameter (Host, Benutzername, Passwort, Datenbankname) zu ändern ) im PHP-Skript entsprechend Ihrer Datenbankkonfiguration. Stellen Sie außerdem sicher, dass Sie die erforderliche Datenbank, Tabelle und Spalten erstellen, bevor Sie die Abfragen ausführen.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript Daten an eine MySQL-Datenbank senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!