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

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

Votre code semble avoir un problème avec la récupération des données de la table MySQL. Pour résoudre ce problème, vous devez considérer les éléments suivants :

Code Ajax jQuery

Votre code Ajax peut être amélioré en le structurant de manière plus appropriée. Pensez à utiliser ce qui suit :

<script type="text/javascript">
$(document).ready(function() {

    $("#display_records").click(function() {

        $.ajax({
            type: "GET",
            url: "Records.php",
            dataType: "html",
            success: function(response) {
                $("#response_container").html(response);
            }
        });

    });

});
</script>

Dans le code ci-dessus, nous avons ajouté un identifiant au bouton pour plus de clarté et nous ciblons l'élément HTML avec l'identifiant "response_container" pour afficher la sortie.

Connexion et requête MySQL

Pour les interactions avec la base de données MySQL, vous devez utiliser les éléments suivants pour mysqli connectivité :

<?php
$con = mysqli_connect("localhost", "root", "", "simple_ajax");

Et pour récupérer les données de la table "utilisateurs" :

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

Affichage des données

Pour afficher les données récupérées , modifiez votre code comme suit :

<table>

En incorporant ces modifications, votre code devrait réussir à récupérer les données de la table MySQL et à afficher dans un tableau HTML.

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!