Heim > Backend-Entwicklung > PHP-Tutorial > Wie kann ich mit jQuery Ajax erfolgreich Daten aus einer MySQL-Datenbank abrufen und anzeigen?

Wie kann ich mit jQuery Ajax erfolgreich Daten aus einer MySQL-Datenbank abrufen und anzeigen?

Mary-Kate Olsen
Freigeben: 2024-12-07 00:24:15
Original
1003 Leute haben es durchsucht

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

Verwenden von jQuery Ajax zum Abrufen von Daten aus MySQL

Problem:

Das bereitgestellte jQuery Ajax Der Code kann keine Daten aus einer MySQL-Tabelle abrufen und anzeigen erfolgreich.

Lösung:

Um Daten effektiv aus einer MySQL-Tabelle mit jQuery Ajax abzurufen, sind mehrere Modifikationen erforderlich:

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>
Nach dem Login kopieren

Display.php (PHP-Code zum Abrufen Daten):

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>";
Nach dem Login kopieren

Zusätzliche Hinweise:

  • Stellen Sie sicher, dass die Datei „connection.php“ die MySQL-Verbindungsdetails enthält.
  • Ersetzen Sie „samples“ und „student“ durch den Namen Ihrer Datenbank bzw. Tabelle.
  • Dieser Code wird Rufen Sie alle Datensätze aus der Tabelle ab und zeigen Sie sie in einer HTML-Tabelle an.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery Ajax erfolgreich Daten aus einer MySQL-Datenbank abrufen und anzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage