如何使用 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中文网其他相关文章！