获取json，图片url

Question

我想了解如何 在此处查询 url URL ，然后显示如下所示的图像结果

{"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 将被称为图像）。我需要替换此当前代码：因为它不会加载图像，而且我不确定如何修改它才能这样做。感谢您的帮助，谢谢。

 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);

        }

      });

原文由 visit us at nzlocos.tk 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 Dan Zuzevich 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

通过 ‘$.getJSON’ 获取 ‘json’ 。 示例链接

 $("#btn").on("click",function(){
var json='{"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"}]}';
        var obj = jQuery.parseJSON(json);
       imageurl = obj.data[0].image;
        if (imageurl == ""){
            $( "#images" ).attr('src', "imageerror.jpg");
        }
        else {
            $( "#images" ).attr('src', imageurl);

        }
});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn" >click</button>
<img id="images" src=""/>

原文由 Farhad Bagherlo 发布，翻译遵循 CC BY-SA 3.0 许可协议