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

使用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>


    <button></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 "";
?>

依照這些說明並利用提供的程式碼片段，您可以成功擷取並使用jQuery Ajax 顯示MySQL 資料庫中的數據。

以上是如何使用 jQuery Ajax 檢索 MySQL 資料？的詳細內容。更多資訊請關注PHP中文網其他相關文章！