AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、動態網頁的技術。它通過在后臺與服務器進行數據交換，能夠實現數據的異步加載和更新，提升了用戶的體驗。而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它以易于閱讀和編寫的方式表示結構化數據。

JSON 使用簡潔的文本格式來傳輸數據，這使得它在網頁和服務器之間的數據交互中非常常用。它常常被用來替代傳統的 XML 格式，因為 JSON 的數據量小、讀取速度快，適合在 AJAX 中傳輸大量的數據。另外，JSON 的語法也更加簡潔易懂，可以方便地進行解析和操作。

舉個例子來說明，假設我們有一個名為 books.json 的 JSON 文件，其中存儲了一些圖書的信息：

{
"books": [
{
"title": "JavaScript: The Good Parts",
"author": "Douglas Crockford",
"year": 2008
},
{
"title": "Eloquent JavaScript",
"author": "Marijn Haverbeke",
"year": 2011
},
{
"title": "JavaScript: The Definitive Guide",
"author": "David Flanagan",
"year": 2020
}
]
}

我們可以使用 AJAX 和 JSON 來異步加載和顯示這些圖書信息。下面是一個使用 jQuery 的 AJAX 和 JSON 的簡單示例：

$.ajax({
url: "books.json",
dataType: "json",
success: function(data) {
// 數據加載成功后的回調函數，參數 data 就是解析后的 JSON 對象
var books = data.books;
// 遍歷圖書列表，顯示每本圖書的信息
for (var i = 0; i < books.length; i++) {
var book = books[i];
console.log("Title: " + book.title);
console.log("Author: " + book.author);
console.log("Year: " + book.year);
}
}
});

在這個示例中，我們通過 AJAX 的方式異步加載了 books.json 文件，并將其解析為 JSON 對象。然后，我們遍歷了圖書列表，并在控制臺輸出了每本圖書的標題、作者和出版年份。

通過 AJAX 和 JSON，我們可以實現更加豐富和動態的網頁交互。例如，在一個電商網站上，當用戶選擇了某個商品分類時，我們可以使用 AJAX 和 JSON 動態加載該分類下的商品列表，而不需要刷新整個頁面。這種方式提升了用戶體驗，加快了頁面的加載速度。

綜上所述，JSON 是一種常用的數據交換格式，與 AJAX 結合使用可以實現網頁的異步加載和更新。它的簡潔性和易解析性使得它成為開發者在構建快速、動態網頁時的理想選擇。