附加新闻API

时间:2017-11-29 12:22:00

标签: jquery html ajax api

我有一些问题将新闻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);
      }
  })
});

对此的任何帮助都将非常感激。

0 个答案:

没有答案