Comment envoyer des données de JavaScript vers une base de données MySQL sans connexion directe ?

Comment envoyer des données de JavaScript vers une base de données MySQL

JavaScript, lorsqu'il est utilisé seul, ne peut pas interagir directement avec une base de données MySQL. Étant donné que JavaScript s'exécute côté client (dans le navigateur) et que les bases de données résident côté serveur, un langage intermédiaire côté serveur est nécessaire pour effectuer des requêtes de base de données. Des exemples de tels langages incluent PHP, Java, .Net et des piles JavaScript côté serveur comme Node.js.

Pour intégrer JavaScript, un langage côté serveur, et MySQL, on peut utiliser AJAX (JavaScript asynchrone et XML). Voici comment cela fonctionne :

1. Initialiser un appel AJAX depuis 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. Préparer les données à envoyé au serveur :

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

3. Envoyer les données à l'aide de l'appel AJAX :

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

4. Implémentez le script côté serveur pour gérer les données :

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

Avec cette configuration, lorsque le code JavaScript exécute l'appel AJAX, les données (nom de l'utilisateur et age) est envoyé au script PHP côté serveur. Ce script se connecte ensuite à la base de données MySQL, exécute une requête SQL pour insérer les données dans une table de base de données et renvoie une réponse indiquant si les données ont été enregistrées avec succès.

Remarque : Le spécifique les détails d'implémentation et la syntaxe peuvent varier en fonction du langage côté serveur et du système de base de données utilisé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!