首页 >数据库 >mysql教程 >如何使用 jQuery Ajax 检索 MySQL 数据?

如何使用 jQuery Ajax 检索 MySQL 数据?

Patricia Arquette
Patricia Arquette原创
2024-12-07 19:20:18750浏览

How to Retrieve MySQL Data Using jQuery Ajax?

使用 jQuery Ajax 从 MySQL 检索数据

为了使用 jQuery Ajax 从 MySQL 数据库检索数据,必须遵循这些步骤:

1.创建 Ajax 请求:

利用 $.ajax() 函数建立 Ajax 请求。指定类型 (GET/POST)、URL(发送请求的位置)和 dataType(预期响应格式)。收到成功响应后,将执行成功函数。

2.建立 MySQL 连接:

对于 MySQL 连接,请使用 mysqli 扩展。使用 mysqli_connect() 建立连接。

3.执行数据库查询:

使用 mysqli_query() 函数运行查询以从 MySQL 表中获取数据。该查询将负责提取所需的记录。

4.显示检索到的数据:

使用循环迭代结果集并以结构化方式显示数据。考虑使用表格来表示数据。

示例代码:

<script type="text/javascript">
$(document).ready(function() {
    $("#display").click(function() {
        $.ajax({
            type: "GET",
            url: "display.php",
            dataType: "html",
            success: function(response) {
                $("#responsecontainer").html(response);
            }
        });
    });
});
</script>

<body>
    <button>
<?php
$con = mysqli_connect("localhost", "root", "");
mysqli_select_db($con, "samples");

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

echo "<table border='1'>";
echo "<tr><th>Roll No</th><th>Name</th><th>Address</th><th>Stream</th><th>Status</th></tr>";
while ($row = mysqli_fetch_row($result)) {
    echo "<tr>";
    foreach ($row as $value) {
        echo "<td>$value</td>";
    }
    echo "</tr>";
}
echo "</table>";
?>

按照这些说明并利用提供的代码片段,您可以成功检索并使用 jQuery Ajax 显示 MySQL 数据库中的数据。

以上是如何使用 jQuery Ajax 检索 MySQL 数据?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn