使用 JSON 数据作为 var 从 JSON 中获取数据

Question

我尝试使用 json 获取附加照片的 url。我使用来自 json“HousePhoto1”的数据值。然后我想使用该值从 post_media 数据中获取值。这是我目前使用的，但是当我尝试这个时我的 javascript 无法正确加载，但是如果我把 .guid 拿走，我的页面会加载但没有任何 json 数据。我还添加了我的 json 的照片。

    $.getJSON( "https://example.co.uk/wp-json/wp/v2/posts?&per_page=1&page=1", function( data ) {
      $.each( data, function( key, val ) {
        var photo = val.post_media[val.HousePhoto1].guid;
      });

    });

<img src="'+photo+'"/>

Image of my json

Answer 1

你快到了。但是，您似乎从 JSON 响应中接收到一个数组。使用简化的数据集作为我的示例，您可能可以执行以下操作：

var data = [
  {
    HousePhoto1: "7073",
    post_media: {
      7073: {
        guid: "https://somecoolphoto.com"
      }
    }
  },
  {
    HousePhoto1: "7085",
    post_media: {
      7085: {
        guid: "https://anothercoolphoto.com"
      }
    }
  },
];

$.each(data, function(index, value) {
 var housePhotoId = value.HousePhoto1;
 var photo = value.post_media[housePhotoId].guid;
});

此外，如果您尝试设置多个图像，则无法按照当前方式进行。您应该通过 JavaScript 将图像动态插入到每个循环的每个迭代内的 DOM 中。