Ajax（Asynchronous JavaScript and XML）是一種用于創建交互性更強的網頁應用程序的技術。它允許網頁在不刷新整個頁面的情況下，通過異步通信從服務器獲取數據并更新部分頁面內容。本文將介紹如何使用Ajax讀取數據庫中的圖片。

對于一個在線商城來說，通常會有一個商品展示頁面，其中包含了多個商品的圖片。傳統的方法是每次用戶訪問頁面時，服務器會將所有商品的圖片一起加載，這樣不僅會浪費帶寬和服務器資源，還會增加用戶等待頁面加載的時間。使用Ajax技術，我們可以在用戶訪問頁面時，只加載當前頁面需要的商品圖片，始終保持頁面的快速響應。

首先，我們需要在后端的服務器端腳本中，編寫一個接口，用于從數據庫中讀取圖片數據。這個接口會返回一張圖片的二進制數據或者圖片的URL地址，這取決于服務器端腳本的實現方式。

接下來，在前端的網頁中，我們可以使用Ajax來請求并讀取這個接口返回的圖片數據。

上述代碼中，我們首先創建了一個XMLHttpRequest對象，并指定請求的URL為剛才后端腳本中編寫的接口。然后，將響應類型設置為二進制數據，以便正確處理圖片數據。在請求成功后，我們將獲取到的二進制數據通過URL.createObjectURL方法創建一個圖片對象，并將其添加到頁面中顯示。

通過以上方法，我們可以實現使用Ajax讀取數據庫中的圖片數據，并將其顯示在網頁上。這樣，我們可以節省帶寬資源，減少頁面加載時間，提升用戶體驗。