首頁 > 資料庫 > mysql教程 > 如何使用 jQuery Ajax 檢索 MySQL 資料?

如何使用 jQuery Ajax 檢索 MySQL 資料?

Patricia Arquette
發布: 2024-12-07 19:20:18
原創
748 人瀏覽過

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中文網其他相關文章!

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