Comment JavaScript peut-il envoyer des données à une base de données MySQL ?

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

JavaScript, contrairement à d'autres langages de programmation, ne peut pas communiquer directement avec les bases de données MySQL en raison de leurs différents environnements d'exploitation. JavaScript fonctionne côté client (dans les navigateurs Web), tandis que les bases de données résident côté serveur. Pour combler cette lacune, un langage intermédiaire côté serveur tel que PHP, Java, .Net ou Node.js doit être utilisé pour la requête de base de données.

Solution

Suivez ces étapes pour vous connecter JavaScript, PHP et MySQL :

1. Écrivez un script PHP (par exemple, phpfile.php) qui sert d'intermédiaire entre JavaScript et MySQL. Ce script recevra les données de JavaScript via des requêtes POST et effectuera les opérations de base de données.
2. Dans votre code JavaScript, utilisez AJAX (JavaScript asynchrone et XML) pour envoyer des données au script PHP. Vous pouvez utiliser la bibliothèque jQuery pour simplifier les appels AJAX.
3. Dans le script PHP, utilisez MySQLi ou PDO pour vous connecter à la base de données et exécuter des requêtes.

Exemple de code

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>

Remarque

Pensez à modifier les paramètres de connexion (hôte, nom d'utilisateur, mot de passe, nom_base de données ) dans le script PHP pour correspondre à la configuration de votre base de données. Assurez-vous également de créer la base de données, la table et les colonnes nécessaires avant d'exécuter les requêtes.

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!