在前端開發中，我們經常會遇到需要將數據添加到已有的 JSON 數組中的場景。這時，我們可以使用 AJAX 技術來實現 JSON 數組的 push 操作。JSON 數組的 push 操作可以讓我們在不重新加載整個頁面的情況下，實時地向 JSON 數組中追加新的數據。這種實時更新數據的方式在很多場景下非常實用。本文將介紹如何使用 AJAX 來實現 JSON 數組的 push，并舉例說明其應用。

假設我們正在開發一個社交媒體網站，在用戶登錄之后，我們需要將新的好友請求添加到該用戶的好友列表中。這時，我們可以使用 AJAX 來通過 push 操作向用戶的好友列表中追加新的好友請求信息，而不需要刷新整個頁面。具體實現的代碼如下：

var newFriend = {
name: 'Amy',
requestTime: '2021-08-15'
};
$.ajax({
type: 'POST',
url: '/addFriend',
data: JSON.stringify(newFriend),
contentType: 'application/json',
success: function(response) {
if (response.success) {
// push the new friend request to the existing friend list
friendList.push(newFriend);
// update the UI to reflect the new friend request
updateFriendListUI();
}
}
});

在上述代碼中，我們首先創建了一個包含新好友請求信息的 JavaScript 對象 newFriend。然后，通過 AJAX 的 POST 請求將該對象轉換成 JSON 字符串，并發送到后端的 /addFriend 路由上。后端在成功接收到數據并處理完成后，會返回一個包含成功標志的 JSON 對象。在成功回調函數中，我們首先將新的好友請求添加到已有的好友列表 friendList 中，然后調用 updateFriendListUI 方法更新網頁的好友列表顯示。這樣，用戶就能實時地看到新的好友請求。

除了好友列表的場景外，JSON 數組的 push 操作還可以應用于其他許多場景。例如，假設我們正在開發一個在線商城，在用戶購買商品后，我們需要將其加入購物車。我們可以通過 AJAX 的 JSON 數組 push 操作，實時地將用戶購買的商品添加到已有的購物車列表中。類似的，我們也可以將評論、點贊和收藏等操作實時更新到相關的 JSON 數組中，以提供更好的用戶體驗。

綜上所述，通過使用 AJAX 技術實現 JSON 數組的 push 操作，我們可以在前端實時地將新的數據添加到已有的 JSON 數組中，而不需要刷新整個頁面。這樣的實時更新方式在許多場景下非常實用，可以提升用戶體驗。無論是社交媒體網站還是在線商城，都可以通過這種方式實現用戶請求的實時更新。希望本文的介紹和示例能幫助讀者更好地理解和應用 AJAX 的 JSON 數組 push 操作。