AJAX（Asynchronous JavaScript and XML）是一種在Web頁面中，通過異步的方式與服務器進行數據交互的技術。它的出現大大提高了用戶體驗，使得Web應用能夠實現無需刷新頁面的數據更新。而JSON（JavaScript Object Notation）則是一種輕量級的數據交換格式，常用于將復雜的數據結構轉換為字符串，方便在不同平臺和系統之間進行數據傳輸和共享。在使用AJAX進行數據交互過程中，JSON格式化被廣泛應用。

JSON的格式是一個鍵值對的集合，其中鍵和值之間使用冒號（：）分隔，不同的鍵值對使用逗號（，）分隔，整個JSON對象使用大括號（{}）包圍。例如，一個包含姓名、年齡和職業的JSON對象可以描述為：

{
"姓名": "張三",
"年齡": 25,
"職業": "工程師"
}

在AJAX中，可以使用JSON格式來傳遞數據。當客戶端向服務器發起請求時，服務器可以將數據以JSON格式返回給客戶端，客戶端可以通過解析JSON數據來獲取所需的信息。舉個例子，假設我們正在開發一個電商網站，需要通過AJAX從服務器獲取產品信息，服務器返回的JSON數據可以類似于：

{
"產品編號": "12345",
"產品名稱": "iPhone 12",
"價格": 5999
}

在客戶端接收到上述JSON數據后，可以通過JavaScript將它解析為一個對象，進而讀取所需的信息。例如，可以使用以下代碼來解析JSON并顯示產品名稱和價格：

var productInfo = JSON.parse(jsonData);
document.getElementById("productName").innerHTML = productInfo.產品名稱;
document.getElementById("productPrice").innerHTML = "￥" + productInfo.價格;

在上述代碼中，我們使用了JSON對象的parse()方法將JSON字符串解析為JavaScript對象。然后，通過獲取DOM元素的方式，將產品名稱和價格填充到相應的HTML元素中，使得頁面可以動態地顯示所需的數據。

除了從服務器獲取JSON格式的數據外，我們還可以使用AJAX將客戶端的數據以JSON格式發送給服務器。例如，假設用戶在購物車中點擊了結算按鈕，我們可以使用AJAX將購物車中的產品以JSON格式發送到服務器進行結算。通過以下代碼，我們可以將購物車中的產品列表以JSON格式發送給服務器：

var cartItems = document.getElementsByClassName("cart-item");
var products = [];
for (var i = 0; i< cartItems.length; i++) {
var product = {};
product.name = cartItems[i].getElementsByClassName("product-name")[0].innerText;
product.price = parseFloat(cartItems[i].getElementsByClassName("product-price")[0].innerText);
product.quantity = parseInt(cartItems[i].getElementsByClassName("product-quantity")[0].innerText);
products.push(product);
}
var jsonData = JSON.stringify(products);
// 使用AJAX發送jsonData到服務器進行結算處理

在上述代碼中，我們首先獲取購物車中每個產品的名稱、價格和數量，并將它們保存為一個數組中的JSON對象。然后，使用JSON對象的stringify()方法將該數組轉換為JSON字符串，以便通過AJAX發送給服務器。服務器可以解析該JSON字符串，并根據其中的產品信息進行相應的處理。

綜上所述，AJAX和JSON格式化在Web開發中起著重要的作用。它們能夠實現頁面與服務器之間的異步數據交互，并且通過JSON格式化，數據可以以一種統一且易于解析的方式進行傳輸。無論是從服務器獲取數據，還是將客戶端數據發送給服務器，AJAX和JSON格式化都提供了便捷的方式，使得我們能夠構建更加動態和交互性的Web應用。