AJAX是一種用于創建交互式網頁應用程序的技術，可以在不重新加載整個網頁的情況下，通過與服務器進行異步通信，向網頁添加或更新數據。而JSON是一種輕量級的數據交換格式，廣泛用于前后端數據傳輸。JSON數組是一種特殊的JSON格式，它可以包含多個JSON對象。

假設我們正在開發一個在線商城網站，用戶可以在網站上瀏覽和購買商品。當用戶添加商品到購物車時，我們希望通過AJAX異步請求將商品信息發送到服務器，并將更新后的購物車數據返回給網頁。為了實現這個功能，我們可以使用JSON數組。

在網頁中，我們可以通過JavaScript創建一個JSON數組，例如：

<script>
var cartItems = [
{
"name": "iPhone 12",
"price": 999
},
{
"name": "AirPods Pro",
"price": 249
},
{
"name": "Apple Watch Series 6",
"price": 399
}
];
</script>

在上面的例子中，我們創建了一個包含三個商品的JSON數組。每個商品都表示為一個JSON對象，包含名稱和價格。這樣，我們可以很方便地在JavaScript中訪問和操作這些商品數據。

當用戶點擊添加到購物車按鈕時，我們可以使用AJAX發送一個POST請求，將選中的商品信息以JSON數組的形式發送到服務器：

<script>
var addToCartButton = document.getElementById("add-to-cart-button");
addToCartButton.addEventListener("click", function() {
var xhr = new XMLHttpRequest();
xhr.open("POST", "/cart/add", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 更新購物車數據
}
};
xhr.send(JSON.stringify(cartItems));
});
</script>

在上面的代碼中，首先通過addEventListener將點擊事件綁定到添加到購物車按鈕上。當用戶點擊按鈕時，會創建一個XMLHttpRequest對象，并將請求方法設置為POST。然后，我們通過setRequestHeader方法將請求頭的Content-Type設置為application/json，以指示請求體中的數據是JSON格式。通過JSON.stringify方法，我們將cartItems數組轉換為字符串，并發送到服務器。

在服務器端，我們可以使用ASP.NET、PHP、Node.js等技術接收并處理這個請求。服務器處理完成后，將更新后的購物車數據以JSON格式返回給網頁。在JavaScript代碼中，我們可以解析服務器返回的JSON數據，并使用它來更新網頁的購物車顯示。

綜上所述，使用AJAX和JSON數組可以實現前后端的數據交互和更新，并為網頁應用程序提供更好的用戶體驗。