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
Libérer: 2024-12-07 00:24:15
original
972 Les gens l'ont consulté

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>
Copier après la connexion

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>";
Copier après la connexion

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!

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