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

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

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-07 00:24:151016浏览

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