Maison >base de données >tutoriel mysql >Comment puis-je utiliser efficacement jQuery AJAX pour récupérer et afficher des données d'une base de données MySQL, en résolvant les problèmes liés aux fonctions obsolètes et en gérant correctement les réponses ?
Comment puis-je utiliser efficacement jQuery AJAX pour récupérer et afficher des données d'une base de données MySQL, en résolvant les problèmes liés aux fonctions obsolètes et en gérant correctement les réponses ?
- DDDoriginal
- 2024-12-08 20:30:17992parcourir
Utiliser jQuery AJAX pour afficher des données à partir de MySQL
Lorsque vous travaillez avec des données dans une application Web, il est souvent nécessaire de récupérer des informations à partir d'une base de données . Les frameworks JavaScript comme jQuery fournissent des méthodes pratiques pour exécuter des requêtes Ajax, vous permettant de récupérer des données sans nécessiter une actualisation complète de la page.
Problème
Un utilisateur a fourni des extraits de code ressemblant à ce qui suit mais signale qu'il ne récupère pas les données de leur MySQL base de données :
// list.php
$(document).ready(function() {
var response = '';
$.ajax({
type: "GET",
url: "Records.php",
async: false,
success: function(text) {
response = text;
}
});
alert(response);
});
// Records.php
<?php
$result = mysql_query("select * from users");
$array = mysql_fetch_row($result);
?>
<table>
<tr>
<td>Name:</td>
<td>Address:</td>
</tr>
<?php
while ($row = mysql_fetch_array($result)) {
echo "<tr>";
echo "<td>$row[1]</td>";
echo "<td>$row[2]</td>";
echo "</tr>";
}
?>
</table>
Solution
Le code fourni présente plusieurs problèmes :
- Il s'appuie sur des fonctions MySQL obsolètes (mysql_connect, mysql_select_db , mysql_query, etc.) qui ont été obsolètes et supprimés dans les versions ultérieures de PHP.
- La requête Ajax ne dispose pas d'une configuration appropriée pour gérer efficacement les données de réponse.
Voici une version mise à jour du code qui résout ces problèmes :
// list.php
<html>
<head>
<script src="jquery-1.3.2.js"></script>
<script>
$(document).ready(function() {
$("#display").click(function() {
$.ajax({
type: "GET",
url: "display.php",
dataType: "html",
success: function(response) {
$("#responsecontainer").html(response);
}
});
});
});
</script>
</head>
<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
<tr>
<td><input type="button">
Remarques supplémentaires :
- Cette solution utilise jQuery 1.3.2 à titre d'exemple, mais vous pouvez le mettre à jour vers une version plus récente.
- "samples" est un nom de base de données d'espace réservé ; remplacez-le par le nom réel de votre base de données.
- La table des étudiants devrait avoir les champs suivants : roll_no (int), nom (chaîne), adresse (chaîne), flux (chaîne), statut (chaîne).
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!