Maison >développement back-end >tutoriel php >Comment puis-je utiliser jQuery Ajax pour récupérer et afficher avec succès les données d'une base de données MySQL ?

Comment puis-je utiliser jQuery Ajax pour récupérer et afficher avec succès les données d'une base de données MySQL ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-07 00:24:151002parcourir

How Can I Use jQuery Ajax to Successfully Retrieve and Display Data from a MySQL Database?

Utiliser jQuery Ajax pour récupérer des données à partir de MySQL

Problème :

Le jQuery Ajax fourni le code est incapable de récupérer et d'afficher les données d'une table MySQL avec succès.

Solution :

Pour récupérer efficacement les données d'une table MySQL à l'aide de jQuery Ajax, plusieurs modifications sont nécessaires :

jQuery Ajax Code :

<script type="text/javascript" src="jquery-1.3.2.js"></script>

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

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

      $.ajax({    //create an ajax request to display.php
        type: "GET",
        url: "display.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
            //alert(response);
        }

    });
});
});
</script>

Display.php (code PHP à récupérer Données) :

include("connection.php");
mysqli_select_db("samples",$con);
$result=mysqli_query("select * from student",$con);

echo "<table border='1' >
<tr >
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td>
<td align=center><b>Status</b></td>";

while($data = mysqli_fetch_row($result))
{   
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";

Remarques supplémentaires :

  • Assurez-vous que le fichier « connection.php » contient les détails de la connexion MySQL.
  • Remplacez "samples" et "student" par le nom de votre base de données et de votre table, respectivement.
  • Ceci le code récupérera tous les enregistrements de la table et les affichera 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!

Déclaration:
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