使用Ajax進行交互是現代Web開發中常見的一種技術手段。通過Ajax，我們可以實現在頁面無需刷新的情況下，與服務器進行數據交互和更新頁面內容。這樣的交互方式帶來了更好的用戶體驗和性能。例如，在購物網站上，當用戶點擊“加入購物車”按鈕時，通過Ajax可以實現將商品添加到購物車并更新購物車圖標上的數量，用戶無需離開當前頁面即可看到最新狀態。本文將介紹使用Ajax的基本原理以及如何在action中使用Ajax來實現異步交互。

Ajax基本原理是通過使用JavaScript中的XMLHttpRequest對象向服務器發送HTTP請求，并利用JavaScript的回調函數處理返回的數據。以下是一個簡單的示例：

function addToCart(item) {
var xhr = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhr.open("POST", "/addToCart", true);  // 設置請求方法和URL
xhr.setRequestHeader("Content-Type", "application/json");  // 設置請求頭
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);  // 解析服務器返回的JSON數據
updateCartCount(response.count);  // 更新購物車圖標上的數量
}
};
xhr.send(JSON.stringify({ item: item }));  // 發送請求并將數據以JSON格式發送到服務器
}
function updateCartCount(count) {
document.getElementById("cart-count").innerHTML = count;  // 更新頁面上的購物車數量
}

上述代碼中，addToCart函數被綁定到某個按鈕的點擊事件上。當用戶點擊按鈕時，將調用該函數，并傳入商品參數。函數通過XMLHttpRequest對象創建一個POST請求，請求的URL為"/addToCart"，請求頭中指定請求體的類型為"application/json"。請求體中發送一個JSON對象，其中包含商品信息。當請求的狀態變為4（即請求完成）并且狀態碼為200（即請求成功）時，會觸發回調函數，并解析服務器返回的JSON數據。最后，回調函數調用updateCartCount函數更新頁面上購物車圖標上的數量。

通過上述示例，我們可以看到使用Ajax可以實現無刷新更新頁面內容的效果。在action中使用Ajax也是非常常見的，特別是在需要動態更新頁面或進行異步操作的情況下。例如，在一個論壇應用中，用戶可以在帖子詳情頁面發表評論。當用戶提交評論時，使用Ajax可以實現在不刷新整個頁面的情況下，將新評論添加到評論列表中。這樣用戶就可以立即看到自己的評論，并且無需等待頁面刷新。

下面是在action中使用Ajax的示例：

public class CommentAction extends ActionSupport {
private String comment;
public String addComment() {
// 處理其他業務邏輯...
// 通過Ajax存儲新評論并返回JSON數據
Map<String, Object> result = new HashMap<>();
// 存儲評論的邏輯處理...
result.put("status", "success");
result.put("comment", comment);
return "json";  // 返回JSON結果給前端
}
// 其他方法...
}

在上述示例代碼中，我們假設有一個名為addComment的action方法，該方法用于添加新評論。在方法中，我們首先處理其他業務邏輯，然后使用Ajax存儲新評論，并將結果以JSON數據的形式返回給前端。通過返回"json"結果，Struts 2框架會自動將Map<String, Object>的數據轉換為JSON格式，并返回給前端。前端頁面通過Ajax接收到JSON數據后，可以根據需要更新評論列表，以顯示新添加的評論。

總之，使用Ajax可以實現頁面無刷新的交互效果，極大地提升了用戶體驗。在action中使用Ajax也非常方便，可以進行異步操作并動態更新頁面內容。無論是購物網站中的添加購物車功能還是論壇應用中的評論功能，Ajax都是非常實用的技術手段。