javascript - 获取json，图片url

Question

我想知道如何查询 url URL Here然后显示像这样的图像结果

{"status":200,"count":1,"data":[{
    "image":"http:\/\/www.airport-data.com\/images\/aircraft\/thumbnails\/001\/288\/001288330.jpg",
    "link":"http:\/\/www.airport-data.com\/aircraft\/photo\/001288330.html",
    "photographer":"magnaman"
  }]
}

放入一个div(div id将被称为images)。我需要替换此当前代码:因为它不会加载图像，而且我不确定如何修改它才能这样做。感谢任何帮助，谢谢。

var imageurl;
      $.get('http://www.airport-data.com/api/ac_thumb.json?m=+value.hex', function (response) { 
        imageurl = response;
        if (imageurl == ""){
            $( "#images" ).attr('src', "imageerror.jpg");
        }
        else {
            $( "#images" ).attr('src', imageurl);

        }

      }); 

Answer 1

稍微更改了变量名称，但这应该可以满足您的需要，您只需要正确访问对象的图像属性即可。另外，查看我创建的包含的 codepen，以模拟如何使用 jquery 在某处实际设置图像。

$.get('http://www.airport-data.com/api/ac_thumb.json?m=C822AF', function(res) {
    var imgUrl = res.data[0].image

    if (imgUrl == "") {
        $("#images").attr('src', "imageerror.jpg");
    } else {
        $("#images").attr('src', imgUrl);
    }
})

https://codepen.io/DZuz14/pen/rzjxEO?editors=1010