我有一些问题将新闻API附加到我的HTML中。它以前使用Guardian API工作,但是,我现在尝试添加的那个有图像。
HTML
<div class="tab-pane fade" id="politics">
<h3>POLITICS</h3>
<p id="politics_news"></p>
</div>
的jQuery
$(document).ready(function()
{
$.ajax(
{
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://newsapi.org/v2/top-headlines?sources=cnn&apiKey=XXXXXX",
success: function(data)
{
for (var i = 0; i < 5; i++)
{
$("#politics_news").append("<div class='cnn'><a target='_blank' href='" + data.response.results[i].url + "'>" + data.response.results[i].title + " | " + "</a></div>");
$("#politics_news").append("<img class='cnn_img'><a target='_blank' href='" + data.response.results[i].urlToImage "</a></img>");
$("#politics_news").append("<br />");
}
console.log(data);
}
})
});
对此的任何帮助都将非常感激。