首页 > 解决方案 > 使用谷歌图表对 JSON API 进行 jQuery 嵌套查询

问题描述

我从 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>

谢谢!!

标签: javascriptjqueryjsonapigoogle-visualization

解决方案


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

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 ]);
              });
            }
        }
    })
}

推荐阅读