如何使用JQuery从一个接口返回多个镜像？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="imageContainer"></div>

$.ajax({
  url: "your_api_endpoint",
  method: "GET",
  success: function(response) {
    // 处理返回的数据
    displayImages(response);
  },
  error: function(xhr, status, error) {
    // 处理请求错误
    console.log("请求错误：" + error);
  }
});

function displayImages(images) {
  var container = $("#imageContainer");
  
  // 遍历返回的镜像数据
  $.each(images, function(index, image) {
    // 创建一个<img>元素来展示镜像
    var imgElement = $("<img>").attr("src", image.url);
    
    // 将镜像元素添加到容器中
    container.append(imgElement);
  });
}