Question

我尝试使用json捕获附加照片的网址。我正在使用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。

使用JSON数据作为var从JSON抓取数据

1 个答案: