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

时间:2017-06-18 13:39:16

标签: 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

1 个答案:

答案 0 :(得分:1)

您可以创建一个函数并将不同的API源传递给函数,如下所示,因此不会重写您的代码。希望这有助于

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