将 JSON API 用于实时新闻

Question

我有这个Fox Sport API url：

https://newsapi.org/v1/articles?source=fox-sports&sortBy=top&apiKey=955acf3993df49169dfa33dce76d015f

我该如何使用它？我知道这是基于Json的。但是我把这个网址放在哪里呢？以什么格式或文件？有人可以帮我吗？

我尝试将其放在索引.php文件中的脚本标签之间，但没有结果......

谢谢！

Answer 1

谷歌它--->Php curl。阅读文档！如果您使用的是框架，请告诉我们是哪一个😃

Answer 2

JSON 只是发送和接收表示 JavaScript 对象的字符串的有用方法。在这些日子里，我正在开发一个使用 JSON 字符串来存储和检索数据的应用程序，我发现了一种非常简单的从 JSON 字符串中获取数据的方法，即 jQuery。此库具有jQuery.getJSON()方法，允许您使用 GET HTTP 请求从服务器（或本地）加载 JSON 编码的数据。在这里，您可以找到使用此方法所需的所有详细信息。

显然，你可以选择不使用任何第三方库，而是在vanilla JavaScript中做你需要做的事情，但jQuery非常有用，因为它有助于避免常见的跨浏览器问题。

在我的应用程序中，我以这种方式存储来自 JSON 字符串的数据：

var placesList;
jQuery.getJSON("places.txt").done(function (data) {
  placesList = data;
});

即使用外部变量通过匿名函数存储它们。如您所见，我这里的 URL 是 places.txt ，但您可以使用您想要提供 JSON 字符串的任何有效 URL。

Answer 3

你应该这样尝试 -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var url = 'https://newsapi.org/v1/articles?source=fox-sports&sortBy=top&apiKey=955acf3993df49169dfa33dce76d015f';
        $.getJSON(url).then(function(res){
            console.log(res) //{status: "ok", source: "fox-sports", sortBy: "top", articles: Array[10]}
            console.log(res['status']) //ok
            console.log(res['source']) //fox-sports
            console.log(res['sortBy']) //top
            console.log(res['articles'].length) //10
        })
    })
</script>