如何限制json数据项

时间:2018-12-01 03:08:39

标签: json

我刚开始制作PWA。

我写了这个非常基本的新闻获取应用程序,并使用newsapi.org来获取新闻数据。

问题是我只想检索5条新闻文章,但newsapi.org的末尾没有限制参数。我只想显示DOM中的5个项目,因此检索的图像较少,这将有助于页面加载时间。

有人知道我如何才能更改下面的代码以仅检索5条新闻文章:

async function updateNews(source = defaultSource) {
  newsArticles.innerHTML = '';
  const response = await fetch(`https://newsapi.org/v2/top-headlines?sources=${source}&sortBy=top&apiKey=${apiKey}`);
  const json = await response.json();

  newsArticles.innerHTML =
    json.articles.map(createArticle).join('\n');
}

function createArticle(article) {
  return `
    <div class="media">     
        <div class="media-body">
            <a href="${article.url}">${article.title}</a>
        </div>
        <div class="media-right">
            <img src="${article.urlToImage}" alt="${article.title}" width="60">
        </div>      
    </div>
  `;
}

0 个答案:

没有答案