使用谷歌图表对 JSON API 进行 jQuery 嵌套查询答案

【问题标题】：jQuery nested query to JSON API with google charts使用谷歌图表对 JSON API 进行 jQuery 嵌套查询
【发布时间】：2021-03-23 15:18:35
【问题描述】：

我有来自 API 的这个 JSON，我想只从第一个“Datos”的数据中获取“值”和“日期”。

问题在于，它只使用 [Data[0].Date]、[Data[0].Value]（下面的代码）从每个“Datos”中获取第一个数字。我怎样才能分别从第一个和第二个中获取所有值。

"Datos":[
    {
        "Date":"2020-11-01",
        "Value":100
    },
    {
        "Date":"2020-10-01",
        "Value":101
    },
    {
        "Date":"2020-09-01",
        "Value":102
        
    },
]
"Datos":[
    {
        "Date":"2020-11-01",
        "Value":1%
    },
    {
        "Date":"2020-10-01",
        "Value":2%
    },
    {
        "Date":"2020-09-01",
        "Value":3%
        
    },
]

我正在使用此代码：

<script>
    function drawLineChart() {
        $.ajax({
            url:         "url",
            dataType:    "json",
            type:        "GET",
            contentType: "application/json; charset=utf-8",
            success:     function (data) {
                var arrSales = [ [ 'Month', 'Sales Figure' ] ];
    
                $.each(data, function (index, value) {
                    arrSales.push([ value.Datos[0].Date, value.Datos[0].Value ]);
                });
            }
        })
    }
</script>

谢谢！！

【问题讨论】：

您好，您在帖子中添加的 json 是 data 的输出？
不是，是url api数据。正如解释的那样，我想从哪里得到。谢谢！
你能合并它们吗？或更改键名，因为两个键名相同，即：Data?
是的，这可能会令人困惑。我已经改过了，但概念上的问题还是一样的。

标签： javascript jquery json api google-visualization

【解决方案1】：

这应该从data中的第一个Datos获取所有数据...

function drawLineChart() {
    $.ajax({
        url:         "url",
        dataType:    "json",
        type:        "GET",
        contentType: "application/json; charset=utf-8",
        success:     function (data) {
            var arrSales = [ [ 'Month', 'Sales Figure' ] ];

            if (data.length > 0) {
              $.each(data[0].Dataos, function (index, value) {
                  arrSales.push([ value.Date, value.Value ]);
              });
            }
        }
    })
}

【讨论】：