javascript - 如何使用 jquery 组合多个 JSON 数据请求?

标签 javascript jquery json

我正在制作一个个人新闻网站。在我的网站中,我创建了不同的部分,例如科技、体育、商业、一般新闻。我在 jquery 中使用 getJSON() 向不同的 NEWS API 发出不同的请求。

这是我的代码中的代码,您只能看到 source="" 正在更改:

$.getJSON('https://newsapi.org/v1/articles?source='some-source'&sortBy=top&apiKey=myapi-key',function(json) {
        console.log(json);
    });

  $.getJSON('https://newsapi.org/v1/articles?source='some-source'&sortBy=top&apiKey=myapi-key',function(json) {
            console.log(json);
        });

  $.getJSON('https://newsapi.org/v1/articles?source='some-source'&sortBy=top&apiKey=myapi-key',function(json) {
                console.log(json);
            });

每个 JSON 数据提供 4 到 5 个对象(请参阅屏幕截图以进行说明),但这对于我的网站来说还不够,因此我向 API 发出多个请求,以便可以显示许多文章。您能否建议我这是正确的方法,因为我看过很多论坛和教程,他们说重复您的代码是不好的做法。

JSON 响应:

enter image description here

最佳答案

您可以创建一个函数并将不同的 API 源传递给该函数,如下所示,从而无需重写代码。希望这有帮助

function getNewsFeed(var url) {
    $.getJSON(url, function(json) {
        console.log(json);
    });
}

关于javascript - 如何使用 jquery 组合多个 JSON 数据请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44615586/

相关文章:

javascript - 通过 jquery 导入 CSV - 变量锁定

javascript - 如何将 json 文件中的键值组合到 geojson map 文件中?

c# - 使用 JSON 为 AnnotatedTimeLine 填充 google.visualization.DataTable

javascript - 完整日历 - 如何在完整日历的月 View 中向日期添加前导零

javascript - 有没有办法在 JavaScript 超时后再次调用当前函数(及其参数)?

javascript - 将上传的文件从一个 "file"类型输入重新分配给另一个输入

json - 如何从 NodeJS JSON 中的特定键获取值

javascript - 在 javascript 中,obj.type 始终报告为 HTML5 类型的文本

javascript - 从文本区域获取更新值并使用 jQuery 将其插入到 div 中?

Javascript:为什么我的 javascript 不运行两个动画?