Wie kann ich MySQL-Daten mit jQuery Ajax abrufen und anzeigen?

Abrufen von Daten aus MySQL mit jQuery Ajax

Ihr Code scheint ein Problem beim Abrufen von Daten aus der MySQL-Tabelle zu haben. Um dieses Problem zu beheben, sollten Sie Folgendes berücksichtigen:

jQuery-Ajax-Code

Ihr Ajax-Code kann verbessert werden, indem Sie ihn besser strukturieren. Erwägen Sie die Verwendung von Folgendem:

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

Im obigen Code haben wir der Schaltfläche aus Gründen der Übersichtlichkeit eine ID hinzugefügt und zielen auf das HTML-Element mit der ID „response_container“ ab, um die Ausgabe anzuzeigen.

MySQL-Verbindung und -Abfrage

Für MySQL-Datenbankinteraktionen sollten Sie Folgendes verwenden MySQLi-Konnektivität:

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

Und um Daten aus der Tabelle „Benutzer“ abzurufen:

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

Daten anzeigen

Um die abgerufenen Daten anzuzeigen Daten, ändern Sie Ihren Code wie folgt:

<table>

Durch die Einbindung dieser Änderungen sollte Ihr Code erfolgreich Daten abrufen aus der MySQL-Tabelle und zeigen Sie sie in einer HTML-Tabelle an.

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