Ajax 技術是一種在網頁中異步傳輸數據的方法，通過Ajax，我們可以無需重新加載整個頁面就能夠更新部分網頁內容。其中一個常見的應用就是將服務器上的圖片動態地輸出到網頁上。
比如，我們可以通過Ajax將一張圖片加載到網頁上。當我們點擊一個按鈕時，瀏覽器會向服務器發送一個Ajax請求，服務器會返回一張圖片，然后我們可以通過JavaScript將這張圖片動態地添加到網頁中。
下面是一個簡單的例子，展示了如何使用Ajax將圖片輸出到頁面中：
``````
在上面的例子中，我們首先創建了一個按鈕和一個空的 `
` 元素，當點擊按鈕時，會觸發 `loadImage` 函數。在 `loadImage` 函數中，我們創建了一個新的 XMLHttpRequest 對象，該對象用于發送 Ajax 請求。
接著，我們調用 `open` 方法，指定請求類型為 GET，并指定要獲取的圖片的路徑。然后，我們將 `responseType` 屬性設置為 'blob'，表示我們希望將響應返回為二進制對象。
然后，我們定義了一個 `onload` 事件處理函數，該函數在請求成功完成后被調用。在該函數中，我們首先檢查響應的狀態碼是否為 200，以確保請求成功完成。
如果請求成功完成，我們將獲取到的二進制對象 `blob` 通過 `URL.createObjectURL` 方法轉換為圖片的 URL，并將其賦值給新創建的 `![]()
` 元素的 `src` 屬性。之后，我們將該圖片元素動態地添加到 `
` 容器中，從而在頁面上顯示出這張圖片。
通過上面的例子，我們可以看到，使用 Ajax 技術可以方便地將圖片輸出到頁面中。我們只需發送一個請求，就能夠獲取到服務器上的圖片，并將其動態添加到網頁中，無需重新加載整個頁面，提供了更好的用戶體驗。
除了加載單張圖片，我們還可以通過類似的方法加載多張圖片，并以相應的方式放置到網頁中。通過合理運用 Ajax 技術，我們能夠更加靈活地處理圖片輸出，以滿足不同的需求。這為我們提供了更多的設計空間和創造力。