从 API 读取和解析 JSON 响应答案

【问题标题】：Read & parse JSON response from API从 API 读取和解析 JSON 响应
【发布时间】：2019-12-23 16:16:41
【问题描述】：

我有一个这样的 API 端点： https://client.systemonesoftware.com/bannink/json/?language=nl

我需要读取它并将其解析为包含所有信息的表格。但是当我尝试使用 Javascript 时，我没有得到任何输出。

<script>
    $.getJSON('https://client.systemonesoftware.com/bannink/json/?language=nl', function(data) {
        var json = JSON.parse(data);

        alert(json.cached);
        alert(json.data[1].id);
    });
    </script>

这段代码什么也没给出..

【问题讨论】：

阅读the documentation for getJSON
您可以在 Chrome 开发者工具中使用 json 运行您的代码，以查看遇到断点时的数据结构。
我添加了 jQuery 标签，您使用的是 JavaScript，但更具体地说，您使用的是 jQuery XHR (ajax)：api.jquery.com/jQuery.getJSON，它已经将响应反序列化为 JSON。正如其他人所提到的，最好在浏览器中检查响应而不是猜测它。
这能回答你的问题吗？ Easiest way to get json and parse it using JQuery and Javascript?

标签： javascript jquery json api

【解决方案1】：

$.getJSON 返回 JavaScript 对象，所以你不需要解析它，试试：

$.getJSON('https://client.systemonesoftware.com/bannink/json/?language=nl', function(json) {
        console.log(json.data[1].id);            
    });

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"&gt;&lt;/script&gt;

成功回调传递返回的数据，该数据通常是由 JSON 结构定义并使用 $.parseJSON() 方法解析的 JavaScript 对象或数组。它还传递了响应的文本状态。

【讨论】：

【解决方案2】：

我相信您的问题是数据已经通过解析：

<script>
$.getJSON('https://client.systemonesoftware.com/bannink/json/?language=nl', function(json) {
    alert(json.cached);
    alert(json.data[1].id);
});
</script>

【讨论】：