Ajax 是一種在網頁中實現動態加載和更新的技術。它可以通過 JavaScript 實現在不刷新整個頁面的情況下，向服務器請求數據，并將返回的數據動態地添加到網頁中的列表中。這種實時的數據更新方式可以使用戶獲得更流暢的體驗，同時也可以減輕服務器的負擔。本文將介紹如何使用 Ajax 動態添加列表，并通過舉例說明其用法和優勢。 首先，我們來看一個簡單的示例，假設我們有一個電影網站，我們希望在用戶瀏覽網頁的同時，動態地加載顯示電影列表。我們可以通過 Ajax 來實現這個功能。當用戶進入網頁時，我們可以通過 JavaScript 發起一個 Ajax 請求，向服務器請求電影的數據。服務器收到請求后，將電影數據以 JSON 的形式返回給客戶端。客戶端接收到返回的數據后，可以使用 JavaScript 將電影的標題、封面等信息動態地添加到列表中。 下面是一個使用 jQuery 的示例代碼，展示如何使用 Ajax 動態添加電影列表：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax({
url: "movies.json",
dataType: "json",
success: function(data){
var movies = data.movies;
var list = $("#movieList");
for(var i=0; i<movies.length; i++){
var movie = movies[i];
var listItem = "<li>" + movie.title + "</li>";
list.append(listItem);
}
}
});
});
</script>
...
<ul id="movieList"></ul>

在上面的代碼中，我們通過 `$.ajax` 函數發起一個 GET 請求，`url` 參數指定了請求的地址。`dataType` 參數指定了服務器返回的數據格式為 JSON。當請求成功后，`success` 回調函數會被調用，我們可以在這個函數中處理返回的數據。在這個例子中，我們從返回的數據中獲取電影數組 `movies`，然后通過循環將每個電影的標題作為列表項添加到 `#movieList` 元素中。 通過以上示例，我們可以看到 Ajax 動態添加列表的優勢。不僅能夠實現實時的數據更新，還能大大提升用戶體驗。例如，在購物網站中，當用戶將商品添加到購物車時，我們可以通過 Ajax 動態地顯示購物車中的商品列表，而不需要用戶手動刷新整個頁面。這樣，用戶可以實時地了解到購物車中的內容，同時也可以進行快速的修改和刪除。 另一個例子是在社交媒體應用中，當用戶在個人主頁發布一條新的動態時，我們可以通過 Ajax 實時地添加這條動態到用戶的時間軸中。這樣做可以使用戶隨時關注到朋友的動態，而無需頻繁地刷新頁面來查看最新的內容。 總之，Ajax 動態添加列表是一種強大的技術，可以實現實時地加載和更新數據，提升用戶體驗，減輕服務器負擔。通過使用 Ajax 技術，我們可以輕松地實現各種有趣的功能，為用戶帶來更便捷和高效的網頁體驗。