Wie sende ich Daten von JavaScript an eine MySQL-Datenbank ohne direkte Verbindung?

So senden Sie Daten von JavaScript an eine MySQL-Datenbank

JavaScript kann bei alleiniger Verwendung nicht direkt mit einer MySQL-Datenbank interagieren. Da JavaScript auf der Clientseite (im Browser) ausgeführt wird und Datenbanken auf der Serverseite liegen, ist eine serverseitige Zwischensprache erforderlich, um Datenbankabfragen durchzuführen. Beispiele für solche Sprachen sind PHP, Java, .Net und serverseitige JavaScript-Stacks wie Node.js.

Um JavaScript, eine serverseitige Sprache, und MySQL zu integrieren, kann man AJAX (Asynchronous JavaScript and XML). So funktioniert es:

1. Initialisieren Sie einen AJAX-Aufruf aus JavaScript:

<code class="javascript">var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "phpfile.php", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");</code>

2. Bereiten Sie die zu verarbeitenden Daten vor gesendet an die Server:

<code class="javascript">var data = "name=John&age=30";</code>

3. Senden Sie die Daten mit dem AJAX-Aufruf:

<code class="javascript">xmlhttp.send(data);</code>

4. Implementieren Sie das serverseitige Skript, um das zu verarbeiten Daten:

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

// Connect to the MySQL database
$conn = mysqli_connect('localhost', 'username', 'password', 'database');

// Prepare the SQL query
$sql = "INSERT INTO users (name, age) VALUES ('$name', '$age')";

// Execute the query
$result = mysqli_query($conn, $sql);

if ($result) {
    echo "Data saved successfully";
} else {
    echo "Error saving data";
}

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

Bei diesem Setup werden die Daten (Name und Alter des Benutzers) an das serverseitige PHP-Skript gesendet, wenn der JavaScript-Code den AJAX-Aufruf ausführt. Dieses Skript stellt dann eine Verbindung zur MySQL-Datenbank her, führt eine SQL-Abfrage aus, um die Daten in eine Datenbanktabelle einzufügen, und gibt eine Antwort zurück, die angibt, ob die Daten erfolgreich gespeichert wurden.

Hinweis: Das Spezifische Implementierungsdetails und Syntax können je nach serverseitiger Sprache und verwendetem Datenbanksystem variieren.

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