我刚开始制作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>
`;
}