首頁 > 後端開發 > php教程 > 如何使用 jQuery Ajax 成功地從 MySQL 資料庫檢索和顯示資料?

如何使用 jQuery Ajax 成功地從 MySQL 資料庫檢索和顯示資料?

Mary-Kate Olsen
發布: 2024-12-07 00:24:15
原創
996 人瀏覽過

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

使用jQuery Ajax 從MySQL 擷取資料

問題:

解決方案:

要使用 jQuery Ajax 有效地從 MySQL 表中檢索數據,需要進行一些修改:

jQuery Ajax程式碼:

Display.php (擷取資料的PHP 程式碼):
<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>
登入後複製

附加說明:
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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板