Maison > base de données > tutoriel mysql > Comment récupérer des données MySQL à l'aide de jQuery Ajax ?

Comment récupérer des données MySQL à l'aide de jQuery Ajax ?

Patricia Arquette
Libérer: 2024-12-07 19:20:18
original
825 Les gens l'ont consulté

How to Retrieve MySQL Data Using jQuery Ajax?

Récupération de données de MySQL à l'aide de jQuery Ajax

Afin de récupérer des données d'une base de données MySQL à l'aide de jQuery Ajax, il est essentiel de suivre ces étapes :

1. Créez une requête Ajax :

Utilisez la fonction $.ajax() pour établir une requête Ajax. Spécifiez le type (GET/POST), l'URL (où envoyer la demande) et le dataType (format de réponse attendu). Dès réception d'une réponse positive, la fonction de réussite sera exécutée.

2. Établir une connexion MySQL :

Pour la connectivité MySQL, utilisez l'extension mysqli. Établissez une connexion en utilisant mysqli_connect().

3. Exécution de requêtes de base de données :

Exécutez une requête pour récupérer les données de la table MySQL à l'aide de la fonction mysqli_query(). Cette requête se chargera d'extraire les enregistrements souhaités.

4. Affichage des données récupérées :

Utilisez une boucle pour parcourir l'ensemble de résultats et afficher les données de manière structurée. Pensez à utiliser un tableau pour la représentation des données.

Exemple de code :

<script type="text/javascript">
$(document).ready(function() {
    $("#display").click(function() {
        $.ajax({
            type: "GET",
            url: "display.php",
            dataType: "html",
            success: function(response) {
                $("#responsecontainer").html(response);
            }
        });
    });
});
</script>

<body>
    <button>
Copier après la connexion
<?php
$con = mysqli_connect("localhost", "root", "");
mysqli_select_db($con, "samples");

$result = mysqli_query($con, "SELECT * FROM student");

echo "<table border='1'>";
echo "<tr><th>Roll No</th><th>Name</th><th>Address</th><th>Stream</th><th>Status</th></tr>";
while ($row = mysqli_fetch_row($result)) {
    echo "<tr>";
    foreach ($row as $value) {
        echo "<td>$value</td>";
    }
    echo "</tr>";
}
echo "</table>";
?>
Copier après la connexion

En suivant ces instructions et en utilisant les extraits de code fournis, vous pouvez récupérer avec succès et affichez les données d'une base de données MySQL à l'aide de jQuery 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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal