JSON URL链接

Question

我正在使用google news API，我想将URL的值添加到文章标题上，并将图像从JSON数据转换为可见。下面是到目前为止的代码。

/*$.getJSON(url, function(data){
      console.log(data);
  });*/

$.ajax({
    url:
        "https://newsapi.org/v2/everything?apiKey=xxx&q=nrcs",
    dataType: "json",
    type: "get",
    cache: false,
    success: function (data) {


        $(data.articles).each(function (index, value) {
            //console.log(value);        
            $('#news').append('<div>' + '<h3 id="title" style="color:#B8860B;">' + value.title + '' + value.url + '</h3>' + '<p>' + '<span style="color:#C4BFBF; font-style: italic;">' + value.author + '</span>' + '<br>' + value.publishedAt + '<br>' + value.description + '</p>' + '</div>');
            $('#link').append(value.url);
        });
    }
});

Answer 1

仅以此判断而看不到整个图片（返回的Json，css样式和页面布局；基本上是任何冲突的因素），我会尝试：

$.ajax({
    url:
        "https://newsapi.org/v2/everything?apiKey=xxx&q=nrcs",
    dataType: "json",
    type: "get",
    cache: false,
    success: function (data) {


        $(data.articles).each(function (index, value) {
            //console.log(value);        
            $('#news').append('<div>' + '<h3 id="title" style="color:#B8860B;">' + value.title + '' + value.url + '</h3>' + '<p>' + '<span style="color:#C4BFBF; font-style: italic;">' + value.author + '</span>' + '<br>' + value.publishedAt + '<br>' + value.description + '</p>' + '<br>' + value.url + '</div>');
        });
    }
});

而不是附加到附加的div，而是直接在其中添加；检查控制台是否有任何错误，如果没有错误，则可能与页面的容器/样式有关。