首页 > 后端开发 > php教程 > 如何使用 jQuery Ajax 成功地从 MySQL 数据库检索和显示数据?

如何使用 jQuery Ajax 成功地从 MySQL 数据库检索和显示数据?

Mary-Kate Olsen
发布: 2024-12-07 00:24:15
原创
1018 人浏览过

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

使用 jQuery Ajax 从 MySQL 检索数据

问题:

提供的 jQuery Ajax代码无法从 MySQL 表中检索和显示数据成功。

解决方案:

要使用 jQuery Ajax 有效地从 MySQL 表中检索数据,需要进行一些修改:

jQuery Ajax代码:

<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>
登录后复制

Display.php (检索数据的 PHP 代码):

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>";
登录后复制

附加说明:

  • 确保“connection.php”文件包含 MySQL连接详细信息。
  • 将“samples”和“student”替换为您的数据库名称,然后
  • 此代码将从表中检索所有记录并将它们显示在 HTML 表格中。

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

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板