AJAX（Asynchronous JavaScript and XML）是一種用于創建動態網頁的技術，它能夠通過異步請求與服務器交互，并在不刷新整個頁面的情況下更新部分頁面內容。在使用AJAX時，經常需要從數據庫中獲取數據并進行展示。本文將介紹如何利用AJAX循環數據庫數據，并通過示例說明。

假設我們有一個簡單的任務管理系統，其中包含任務列表和每個任務的詳細信息。我們希望能夠通過AJAX從數據庫中獲取任務數據，并在任務列表中顯示所有任務的名稱。當用戶點擊某個任務時，將通過AJAX請求獲取該任務的詳細信息，并在頁面上展示。在這個示例中，我們使用PHP作為后端語言，MySQL作為數據庫。

首先，我們需要編寫一個PHP腳本來處理AJAX請求，并從數據庫中獲取任務數據。以下是一個簡單的示例：

<?php
// 連接數據庫
$connection = mysqli_connect("localhost", "username", "password", "database");
// 查詢任務列表數據
$query = "SELECT * FROM tasks";
$result = mysqli_query($connection, $query);
// 循環遍歷任務數據
while ($row = mysqli_fetch_assoc($result)) {
$taskName = $row['name'];
// 輸出任務名稱
echo "<p>{$taskName}</p>";
}
// 關閉數據庫連接
mysqli_close($connection);
?>

上述代碼中，我們首先建立與數據庫的連接，然后執行一個查詢語句來獲取任務列表數據。接著，我們利用while循環遍歷查詢結果，并將每個任務的名稱輸出到頁面中。最后，關閉數據庫連接。這樣，我們就可以在頁面上展示數據庫中的任務列表。

接下來，我們需要在前端頁面中使用AJAX來調用上述PHP腳本，并將獲取到的任務數據插入到頁面中。以下是一個簡單的實現：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: "get_tasks.php",    // PHP腳本的URL
type: "GET",
success: function(response) {
$("#taskList").html(response);    // 將任務數據插入到id為taskList的元素中
}
});
});
</script>
<div id="taskList"></div>

上述代碼中，我們使用jQuery庫來簡化AJAX請求的處理。在頁面加載完成后，我們調用ajax函數來發送GET請求，其中的url參數指向我們之前編寫的PHP腳本。當請求成功后，我們將獲取到的任務數據插入到id為taskList的div元素中。這樣，頁面就會顯示數據庫中的任務列表。

通過以上示例，我們可以看到如何利用AJAX循環數據庫數據。我們首先編寫一個PHP腳本來從數據庫中獲取數據，并使用while循環遍歷數據并輸出到頁面上。然后，在前端頁面中使用AJAX請求來調用該PHP腳本，并將獲取到的數據插入到頁面中。這樣，我們就能夠通過AJAX實現動態展示數據庫數據的功能。

當然，實際應用中可能涉及更復雜的操作和需求。但無論如何，理解AJAX循環數據庫數據的原理和步驟是非常重要的，它能夠幫助我們更好地利用AJAX來處理動態數據展示。