AJAX（Asynchronous JavaScript and XML）支持在不刷新整個頁面的情況下更新部分頁面的內容。本文將介紹如何使用AJAX來加載圖片，并且給出了一些示例。

通常情況下，加載圖片會導致整個頁面重新刷新。這對于某些需要頻繁更新圖片的網頁來說，會造成性能問題。但是，使用AJAX可以實現異步加載圖片，只更新需要更新的部分，從而提高網頁的性能。

下面是一個簡單的示例，展示了使用AJAX來加載圖片的過程。

// HTML代碼
// JavaScript代碼
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("image").src = this.responseText;
}
};
xhttp.open("GET", "image.jpg", true);
xhttp.send();

在上面的示例中，通過創建一個XMLHttpRequest對象，我們可以發送一個GET請求來獲取圖片文件。當請求的狀態發生改變時（readyState為4，并且status為200表示請求成功），我們將獲取到的文件路徑賦值給id為“image”的img元素的src屬性，從而實現圖片的加載。

如果你想在圖片加載之前顯示一個加載中的提示，你可以使用下面的示例代碼。

// HTML代碼
<p id="loading">圖片加載中...</p>
// JavaScript代碼
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("loading").style.display = "none";
document.getElementById("image").src = this.responseText;
}
};
xhttp.open("GET", "image.jpg", true);
xhttp.send();

上面的代碼中，我們在圖片加載之前顯示了一個loading.gif的圖片和一個提示文字“圖片加載中...”，當圖片加載完畢后，隱藏loading.gif圖片，并將獲取到的圖片路徑賦值給id為“image”的img元素的src屬性。

除了通過GET請求來獲取圖片外，你還可以使用POST請求來獲取圖片。下面是一個使用POST請求的示例。

// HTML代碼
<p id="loading">圖片加載中...</p>
// JavaScript代碼
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("loading").style.display = "none";
document.getElementById("image").src = this.responseText;
}
};
xhttp.open("POST", "image.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("image_id=123");

在上面的示例中，我們將請求方式改為POST，并設置了請求頭的Content-type為application/x-www-form-urlencoded。同時，我們還發送了一個名為image_id的參數，值為123。服務端收到請求后，可以根據image_id的值，返回對應的圖片。

總之，通過使用AJAX可以實現異步加載圖片，避免了頁面重新刷新的問題，從而提高了網頁的性能。無論是使用GET還是POST請求方式，AJAX都可以有效地加載圖片，滿足不同場景的需求。