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

source:php.cn
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