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

Posted 2023-05-08

【中文标题】使用谷歌图表对 JSON API 进行 jQuery 嵌套查询

【英文标题】：jQuery nested query to JSON API with google charts

【发布时间】：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?

是的，这可能会令人困惑。我已经改过了，但概念上的问题还是一样的。

【参考方案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 ]);
              );
            
        
    )