如何使用 jQuery Ajax 檢索和顯示 MySQL 資料？

使用 jQuery Ajax 從 MySQL 檢索資料

您的程式碼在從 MySQL 表中擷取資料時似乎有問題。要解決此問題，您應該考慮以下事項：

jQuery Ajax 程式碼

您的 Ajax 程式碼可以透過更適當地建立它來改進。考慮使用以下內容：

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

在上面的程式碼中，為了清晰起見，我們為按鈕添加了一個 id，並且我們將 id 為「response_container」的 HTML 元素作為目標來顯示輸出。

MySQL 連接和查詢

對於 MySQL 資料庫交互，您應該使用以下命令mysqli連線：

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

從「users」表格擷取資料：

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

顯示資料

顯示擷取的資料資料，依如下方式修改您的程式碼：

<table>

透過合併這些修改，您的程式碼應該會成功從MySQL 表中檢索資料並顯示在 HTML 表中。

以上是如何使用 jQuery Ajax 檢索和顯示 MySQL 資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！