如何使用JQUERY/AJAX显示包含图片和文本数据的多个数据，这些数据以对象或数组的形式发送？

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

<div id="data-container"></div>

$(document).ready(function() {
  $.ajax({
    url: "your_data_endpoint", // 替换为你的数据接口地址
    type: "GET", // 请求方式，可根据实际情况修改
    dataType: "json", // 返回的数据类型，此处假设为JSON格式
    success: function(response) {
      // 数据请求成功后的回调函数
      var dataContainer = $("#data-container");

      // 清空数据容器
      dataContainer.empty();

      // 遍历数据并显示
      $.each(response, function(index, item) {
        // 创建用于显示数据的HTML元素，可以是<div>、<li>等适当的元素
        var dataElement = $("<div></div>");
        dataElement.text(item.text); // 显示文本数据

        // 如果有图片数据，创建<img>元素显示图片
        if (item.image) {
          var imageElement = $("<img>");
          imageElement.attr("src", item.image); // 设置图片地址
          dataElement.append(imageElement); // 将图片添加到数据元素中
        }

        // 将数据元素添加到数据容器中
        dataContainer.append(dataElement);
      });
    },
    error: function(xhr, status, error) {
      // 数据请求失败的处理
      console.error(error);
    }
  });
});