AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。它可以通过在不需要刷新整个页面的情况下向服务器发送HTTP请求，并从服务器接收响应来实现部分页面刷新。在这篇文章中，我们将探讨如何使用AJAX来请求网络图片。通过使用AJAX，我们可以在不刷新整个页面的情况下，从网络上获取图片并显示在网页上。

首先，我们需要通过AJAX发送一个HTTP GET请求来获取网络图片的URL。下面是一个简单的示例：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
var imgUrl = xhr.responseText;
// 处理图片URL
}
};
xhr.open("GET", "https://example.com/api/getImage", true);
xhr.send();

在上面的示例中，我们创建了一个XMLHttpRequest对象，并设置了其onreadystatechange事件处理程序。当readyState属性等于4（请求已完成）且status属性等于200（请求成功）时，我们可以从responseText属性中获取服务器的响应。在这个例子中，我们假设服务器返回的是一个图片的URL，我们可以将其保存在一个变量中供后续使用。

接下来，我们可以使用JavaScript来创建一个img元素，并将刚刚获取的图片URL赋值给它的src属性。以下是一个示例：

var img = document.createElement("img");
img.src = imgUrl;
document.body.appendChild(img);

在这个示例中，我们使用document.createElement方法创建了一个img元素，并将获取到的图片URL赋值给了img的src属性。在将图片元素添加到网页的body中后，图片就会被显示出来。

我们还可以添加一些额外的处理逻辑来提供更好的用户体验。例如，我们可以在图片加载过程中显示一个加载动画，以提醒用户正在加载图片。以下是一个示例：

var loadingImgUrl = "https://example.com/loading.gif";
var loadingImg = document.createElement("img");
loadingImg.src = loadingImgUrl;
document.body.appendChild(loadingImg);
var img = document.createElement("img");
img.onload = function() {
// 当图片加载完成后，替换掉加载动画
document.body.replaceChild(img, loadingImg);
};
img.src = imgUrl;

在上面的示例中，我们首先创建了一个加载动画的img元素，并将其添加到网页的body中。然后，我们创建了真正的img元素，并设置了其onload事件处理程序。当图片加载完成后，onload事件将被触发，我们可以在此事件处理程序中替换掉加载动画的img元素。这样一来，用户就可以在图片加载的过程中看到一个加载动画。

通过使用AJAX，我们可以在不刷新整个页面的情况下，从网络上获取图片并显示在网页上。这为用户提供了更好的交互体验，并且可以减少页面加载时间。希望上面的示例能够帮助你理解如何使用AJAX来请求网络图片。