在Web開發中，AJAX（Asynchronous JavaScript and XML）是一種常用的技術，用于實現頁面局部刷新以提高用戶體驗。而Struts2是一個優秀的Java Web應用開發框架，提供了很多方便實用的功能，結合AJAX使用可以更加高效地開發Web應用。本文將介紹AJAX與Struts2的用法，并通過舉例說明它們的優勢和使用方法。

一個常見的場景是在一個網頁上顯示一張圖片，并提供一個按鈕，點擊按鈕后通過AJAX異步請求服務器加載新的圖片。在傳統的開發方式中，點擊按鈕后會觸發整個頁面刷新，這樣會導致頁面重新加載，用戶需要重新輸入數據并等待整個頁面加載完畢。而使用AJAX技術則可以實現不刷新整個頁面的效果，只加載新的圖片，提高了用戶體驗。

<button onclick="loadNewImage()">點擊加載新圖片</button>
function loadNewImage() {
// 創建AJAX對象
var xhr = new XMLHttpRequest();
// 發送異步請求
xhr.open("GET", "/loadImage.action", true);
xhr.send();
// 異步處理返回結果
xhr.onreadystatechange = function() {
if(xhr.readyState==4 && xhr.status==200) {
// 更新圖片
var newImage = document.getElementById("newImage");
newImage.src = xhr.responseText;
}
}
}

以上代碼中，我們通過一個按鈕的點擊事件調用了JavaScript函數loadNewImage()，在函數內部創建了一個XMLHttpRequest對象，并發送了一個異步GET請求到服務器上的/loadImage.action。然后，在回調函數onreadystatechange中我們判斷了請求是否成功，并用服務器返回的響應更新了頁面上的圖片。

在Struts2中，我們可以通過配置一個名為loadImage的Action來處理上述AJAX請求：

<action name="loadImage" class="com.example.LoadImageAction">
<result type="stream">
<param name="contentType">image/jpeg</param>
<param name="inputName">imageStream</param>
</result>
</action>

上述配置指定了一個名為loadImage的Action，并指定了Action處理類為com.example.LoadImageAction。同時，設置了返回的Content-Type為image/jpeg，指定了返回的數據流為imageStream。

public class LoadImageAction extends ActionSupport {
private InputStream imageStream;
public String execute() {
// 加載新的圖片
File newImage = new File("path/to/new/image.jpg");
try {
imageStream = new FileInputStream(newImage);
} catch (FileNotFoundException e) {
e.printStackTrace();
}
return SUCCESS;
}
public InputStream getImageStream() {
return imageStream;
}
}

在LoadImageAction中，我們加載了一個新的圖片文件，并將其轉換為輸入流。最后，通過getImageStream()方法將輸入流返回給Struts2框架，然后框架會將其寫入響應中，并返回給前端AJAX請求。

通過上述的例子，我們可以看到AJAX與Struts2的結合使用非常簡單，只需在前端編寫相應的JavaScript代碼，后端使用Struts2框架提供的配置和Action即可實現。

總結起來，AJAX與Struts2的結合使用可以實現頁面的局部刷新，提高用戶體驗。AJAX通過異步請求服務器，實現數據的動態加載，而Struts2框架通過配置Action和處理類，提供了方便的后端處理和數據返回的方法。它們的組合使用可以極大地提高Web應用的開發效率和用戶體驗。