Maison >base de données >tutoriel mysql >Comment envoyer des données de JavaScript vers une base de données MySQL en utilisant Ajax et PHP ?
Comment envoyer des données de JavaScript vers une base de données MySQL en utilisant Ajax et PHP ?
- Susan Sarandonoriginal
- 2024-10-29 18:21:22938parcourir
Comment envoyer des données de Javascript vers une base de données MySQL
Dans cet article, nous explorerons comment envoyer des données de JavaScript vers une base de données MySQL en utilisant Ajax et PHP.
Comprendre les limites de JavaScript
JavaScript, à lui seul, ne peut pas interagir directement avec une base de données MySQL car il s'exécute côté client (dans le navigateur), tandis que les bases de données résident généralement côté serveur.
Connexion de JavaScript et MySQL à l'aide de PHP
Pour combler cette lacune, nous devons utiliser un langage intermédiaire côté serveur tel que PHP. Nous pouvons créer un fichier PHP qui servira de pont entre le JavaScript et la base de données MySQL.
L'envoi de données à l'aide d'Ajax
Ajax (JavaScript asynchrone et XML) permet nous pour faire des requêtes au serveur et mettre à jour des parties d’une page Web sans recharger la page entière. Dans notre cas, nous utiliserons Ajax pour envoyer les données du JavaScript vers le fichier PHP gérant l'interaction avec la base de données.
Script PHP pour l'interaction avec la base de données
Le fichier PHP se chargera des tâches suivantes :
- Connexion à la base de données MySQL
- Réception des données de la requête Ajax
- Insertion des données dans la base de données
- Envoi d'une réponse à la requête Ajax
Exemple complet
Vous trouverez ci-dessous un exemple de solution complète utilisant JavaScript, Ajax et 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>
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>
Dans cet exemple, nous créons une requête Ajax en JavaScript qui envoie données à notre script PHP, qui se connecte ensuite à une base de données MySQL, insère les données et répond à la requête Ajax.
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!