Ajax是一種用于在網頁上實現異步數據傳輸的技術，它可以在不刷新整個頁面的情況下更新局部的數據。在使用Ajax時，我們經常需要根據用戶的操作來改變某些元素的屬性，如圖片的路徑。本文將通過舉例說明如何使用Ajax改變圖片的路徑。

假設我們有一個網頁，上面有一個按鈕和一個圖片。初始情況下，圖片顯示的是一朵紅色的玫瑰花。當用戶點擊按鈕時，我們希望通過Ajax請求來改變圖片的路徑，使其顯示一朵藍色的玫瑰花。

<button id="changeButton">點擊改變圖片</button>
<img id="flowerImg" src="red_rose.jpg">
<script>
document.getElementById("changeButton").onclick = function() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("flowerImg").src = "blue_rose.jpg";
}
};
xmlhttp.open("GET", "change_image.php", true);
xmlhttp.send();
};
</script>

在上面的例子中，我們首先給按鈕和圖片分別設置了id。然后，使用JavaScript獲取按鈕的點擊事件，并創建一個XMLHttpRequest對象。我們為這個對象設置了一個回調函數，用于處理Ajax請求的返回結果。當請求完成且返回狀態碼為200時，我們將圖片的src屬性改為"blue_rose.jpg"，即將圖片的路徑改為藍色玫瑰花的圖片。

在按鈕的點擊事件中，我們還使用了XMLHttpRequest對象的open()和send()方法來發送Ajax請求。其中，open()方法用于設置請求的類型、URL和是否異步處理。在這個例子中，我們將請求的類型設置為GET，URL設置為"change_image.php"，并且將異步處理設置為true。

在真實的應用中，我們可以通過后端的代碼來動態生成返回結果，以根據用戶的操作來改變圖片的路徑。比如，可以在"change_image.php"中使用JavaScript的條件語句來判斷用戶的操作，然后根據判斷結果來返回不同的圖片路徑。

總之，通過使用Ajax可以方便地改變圖片的路徑，從而實現動態更新網頁中的圖片。這在需要根據用戶的操作來改變圖片或其他元素的路徑時非常有用。