AJAX是一種用于創建交互式網頁的技術。它可以讓網頁實時地從服務器獲取數據，并將其顯示在網頁上，而無需刷新整個頁面。同時，JSON（JavaScript Object Notation）是一種數據格式，用于將數據從服務器傳遞到網頁。在這篇文章中，我們將探討如何使用AJAX和JSON來創建一個動態列表。

我們假設有一個學生信息的數據庫，其中包含學生的姓名、年齡和成績。我們可以使用AJAX從服務器獲取學生信息，并用JSON格式來傳遞這些數據。以下是一個使用AJAX和JSON創建學生列表的示例：

<script type="text/javascript">function getStudents() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var students = JSON.parse(this.responseText);
var list = document.getElementById("student-list");
for (var i = 0; i< students.length; i++) {
var student = students[i];
var item = document.createElement("li");
item.innerHTML = student.name + "，" + student.age + "歲，成績：" + student.grade;
list.appendChild(item);
}
}
};
xmlhttp.open("GET", "students.json", true);
xmlhttp.send();
}

在上面的代碼中，我們定義了一個名為getStudents()的函數。當該函數被調用時，它會發送一個AJAX請求到服務器以獲取學生信息。在服務器返回響應后，我們使用JSON.parse()方法解析響應文本，并將結果存儲在一個名為students的變量中。

接下來，我們通過遍歷students數組來創建學生列表。對于每個學生，我們創建一個li元素，并將學生的信息以字符串的形式插入到li元素中。最后，我們將li元素添加到名為student-list的ul元素中。

要調用getStudents()函數并顯示學生列表，我們可以在網頁中添加一個按鈕，并調用該函數：

<button onclick="getStudents()">顯示學生列表</button><ul id="student-list"></ul>

當用戶點擊“顯示學生列表”按鈕時，getStudents()函數將被調用，并通過AJAX獲取學生信息。獲取到的學生信息將以動態的方式顯示在名為student-list的ul元素中。

使用AJAX和JSON來創建動態列表的好處是，我們可以實時地更新網頁上的數據，而無需刷新整個頁面。這對于需要頻繁更新數據的應用程序非常有用，比如社交媒體的實時通知、股票市場的實時報價等。

總之，AJAX和JSON的組合是一種強大的工具，可以用于創建動態列表和實時更新數據。通過以上示例，我們可以看到如何使用AJAX從服務器獲取JSON數據，并將其顯示在網頁上。希望這篇文章對您理解AJAX和JSON的使用有所幫助。