如何使用jQuery动态获取产品名称和图片？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<div id="product">
  <h2 id="product-name"></h2>
  <img id="product-image" src="">
</div>

$(document).ready(function() {
  $.ajax({
    url: "获取产品数据的接口地址",
    method: "GET",
    dataType: "json",
    success: function(data) {
      // 从返回的数据中获取产品名称和图片链接
      var productName = data.name;
      var productImage = data.image;

      // 将产品名称和图片链接更新到HTML元素中
      $("#product-name").text(productName);
      $("#product-image").attr("src", productImage);
    },
    error: function(xhr, status, error) {
      // 处理错误情况
      console.log("请求出错：" + error);
    }
  });
});