AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上異步獲取數據的技術。它可以在不重新加載整個網頁的情況下，通過與服務器的后臺交互，動態更新頁面的內容。在本文中，我們將介紹如何使用AJAX來獲取JSON格式的圖片路徑，并在網頁上展示這些圖片。

在開發中，我們常常需要通過AJAX從服務器獲取數據，并將其呈現在網頁上。例如，我們有一個JSON文件，其中包含了一個圖片路徑的數組：

{
"images": [
"images/pic1.jpg",
"images/pic2.jpg",
"images/pic3.jpg"
]
}

我們需要通過AJAX請求這個JSON文件，并將其中的圖片路徑展示在網頁上。首先，我們要創建一個XMLHttpRequest對象，然后發送一個GET請求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.send();

當服務器響應請求并返回數據時，我們需要在AJAX的onreadystatechange事件處理函數中獲取到這些數據。在這個函數中，我們可以使用readyState屬性來判斷請求是否成功，status屬性來檢查HTTP狀態碼。

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 處理數據
}
};

一旦我們成功獲取到了JSON數據，我們就可以使用JavaScript操作DOM，將這些圖片路徑展示在網頁上。例如，我們可以創建一個

列表，并為每個圖片路徑創建一個元素：

var ul = document.createElement("ul");
for (var i = 0; i < data.images.length; i++) {
var li = document.createElement("li");
var img = document.createElement("img");
img.src = data.images[i];
li.appendChild(img);
ul.appendChild(li);
}
document.body.appendChild(ul);

通過以上代碼，我們成功將JSON中的圖片路徑展示在了網頁上。用戶打開網頁時，會直接看到這些圖片的預覽。

總結來說，通過使用AJAX獲取JSON圖片路徑，我們可以動態地獲取服務器上的圖片，并將其展示在網頁上。這樣的操作使得網頁更加靈活和交互性，使用戶可以更方便地瀏覽和預覽圖片。