AJAX（Asynchronous JavaScript And XML）是一種用于創建交互式網頁應用程序的技術。它允許網頁在不刷新整個頁面的情況下，通過異步加載數據和更新頁面內容。在許多網頁應用程序中，圖片是重要的元素之一，因此需要通過AJAX來訪問圖片服務器，并獲取和展示圖片。

假設我們有一個網頁應用程序，需要展示來自圖片服務器的用戶頭像。傳統的方式是在網頁加載時，使用標簽引入圖片的URL來顯示頭像。但是在某些情況下，可能需要使用AJAX來實現動態加載圖片。比如，在用戶點擊一個按鈕后，才獲取并展示頭像。這時候就需要使用AJAX來請求訪問圖片服務器。

首先，我們需要創建一個XMLHttpRequest對象，用于發送AJAX請求。代碼如下：

var xhr = new XMLHttpRequest();

接下來，我們需要指定請求的URL和請求方式。在這個例子中，我們假設圖片服務器的URL是"http://example.com/avatar"，請求方式是GET。代碼如下：

xhr.open('GET', 'http://example.com/avatar', true);

然后，我們需要注冊一個回調函數，用于處理服務器返回的數據。對于圖片，我們可以使用responseType屬性指定返回的數據類型為"blob"，即二進制數據。然后，在onload事件觸發時，我們可以通過創建URL.createObjectURL()來生成一個臨時的URL，用于展示圖片。代碼如下：

xhr.responseType = 'blob';
xhr.onload = function() {
if (xhr.status === 200) {
var imageUrl = URL.createObjectURL(xhr.response);
var imgElement = document.createElement('img');
imgElement.src = imageUrl;
document.body.appendChild(imgElement);
}
};

最后，我們需要發送請求，獲取圖片數據。代碼如下：

xhr.send();

上述代碼將發送一個AJAX請求到圖片服務器，并在請求成功后將返回的圖片數據展示在頁面上。通過這種方式，我們可以在不刷新整個頁面的情況下，動態加載并展示來自圖片服務器的圖片。

除了使用AJAX請求獲取圖片數據外，還可以使用AJAX請求上傳圖片到服務器。假設我們有一個上傳圖片的表單，在用戶選擇圖片后，可以使用AJAX請求將圖片上傳到服務器。代碼如下：

var fileInput = document.getElementById('file-input');
var formData = new FormData();
formData.append('file', fileInput.files[0]);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/upload', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log('Upload successful');
}
};
xhr.send(formData);

上述代碼將創建一個FormData對象，用于存儲要上傳的圖片數據。然后，使用XMLHttpRequest對象發送一個POST請求到服務器的上傳接口。在請求成功后，會在控制臺打印"Upload successful"。通過這種方式，我們可以使用AJAX請求將客戶端的圖片上傳到服務器。

綜上所述，AJAX可以用于請求訪問圖片服務器，實現動態加載和上傳圖片的功能。通過AJAX，我們可以在網頁應用程序中靈活地處理圖片相關的需求，提升用戶體驗。