如何使用ajax从JSON数组填充不同的<span>元素

<span id="element1"></span>
<span id="element2"></span>
<span id="element3"></span>

$.ajax({
  url: 'data.json',
  dataType: 'json',
  success: function(data) {
    // 在成功回调函数中处理数据
    // 假设JSON数据格式为：[{ "id": 1, "value": "Value 1" }, { "id": 2, "value": "Value 2" }, { "id": 3, "value": "Value 3" }]
    // 可以根据实际情况修改数据格式和字段名称
    // 这里假设JSON数据存储在data变量中
    // 继续下面的步骤
  }
});

$.each(data, function(index, element) {
  // 根据id值获取对应的<span>元素
  var spanElement = $('#element' + element.id);
  // 填充<span>元素的内容
  spanElement.text(element.value);
});

$(document).ready(function() {
  // 在页面加载完成后执行ajax请求
  $.ajax({
    url: 'data.json',
    dataType: 'json',
    success: function(data) {
      // 在成功回调函数中处理数据
      // 假设JSON数据格式为：[{ "id": 1, "value": "Value 1" }, { "id": 2, "value": "Value 2" }, { "id": 3, "value": "Value 3" }]
      // 可以根据实际情况修改数据格式和字段名称
      // 这里假设JSON数据存储在data变量中
      // 继续下面的步骤

      $.each(data, function(index, element) {
        // 根据id值获取对应的<span>元素
        var spanElement = $('#element' + element.id);
        // 填充<span>元素的内容
        spanElement.text(element.value);
      });
    }
  });
});