Wie sende ich Daten aus JavaScript mit Ajax und PHP an eine MySQL-Datenbank?-MySQL-Tutorial-php.cn

Wie sende ich Daten aus JavaScript mit Ajax und PHP an eine MySQL-Datenbank?

Susan Sarandon

Freigeben： 2024-10-29 18:21:22

Original

936 Leute haben es durchsucht

How to Send Data from JavaScript to a MySQL Database Using Ajax and PHP?

So senden Sie Daten von Javascript an eine MySQL-Datenbank

In diesem Artikel erfahren Sie, wie Sie Daten von JavaScript an eine MySQL-Datenbank mit Ajax und PHP senden.

Die Einschränkungen von JavaScript verstehen

JavaScript selbst kann nicht direkt mit einer MySQL-Datenbank interagieren, da es auf der Clientseite (im Browser) ausgeführt wird Datenbanken befinden sich normalerweise auf der Serverseite.

JavaScript und MySQL mit PHP verbinden

Um diese Lücke zu schließen, müssen wir eine serverseitige Zwischensprache verwenden, z PHP. Wir können eine PHP-Datei erstellen, die als Brücke zwischen JavaScript und der MySQL-Datenbank dient.

Senden von Daten mit Ajax

Ajax (asynchrones JavaScript und XML) ermöglicht Es ermöglicht uns, Anfragen an den Server zu stellen und Teile einer Webseite zu aktualisieren, ohne die gesamte Seite neu laden zu müssen. In unserem Fall verwenden wir Ajax, um die Daten aus dem JavaScript an die PHP-Datei zu senden, die die Datenbankinteraktion verwaltet.

PHP-Skript für die Datenbankinteraktion

Die PHP-Datei übernimmt die folgenden Aufgaben:

Herstellen einer Verbindung zur MySQL-Datenbank
Empfangen der Daten aus der Ajax-Anfrage
Einfügen der Daten in die Datenbank
Senden einer Antwort auf die Ajax-Anfrage

Vollständiges Beispiel

Unten finden Sie ein Beispiel einer vollständigen Lösung mit JavaScript, Ajax und PHP:

HTML/JavaScript

<code class="html"><html>
  <head>
    <script type="text/javascript">
      function sendData() {
        // Replace with your form data
        var data = { data: 'Hello World' };

        $.ajax({
          type: "POST",
          url: "php/insert.php",
          data: data,
          success: function(data) {
            console.log("Data sent successfully");
          },
          error: function(error) {
            console.log("Error sending data");
          }
        });
      }
    </script>
  </head>

  <body>
    <button onclick="sendData()">Send Data</button>
  </body>
</html></code>

Nach dem Login kopieren

PHP

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

// Replace with your database connection details
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);

// Check connection
if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
}

// Prepare and bind
$stmt = mysqli_prepare($conn, "INSERT INTO table (data) VALUES (?)");
mysqli_stmt_bind_param($stmt, "s", $data);

// Execute
mysqli_stmt_execute($stmt);

// Close connection
mysqli_close($conn);
?></code>

Nach dem Login kopieren

In diesem Beispiel erstellen wir eine Ajax-Anfrage in JavaScript, die sendet Daten an unser PHP-Skript, das dann eine Verbindung zu einer MySQL-Datenbank herstellt, die Daten einfügt und auf die Ajax-Anfrage antwortet.

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