javascript - 使用谷歌图表对 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>
谢谢!!
解决方案
这应该从第一个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 ]);
});
}
}
})
}
推荐阅读
- javascript - 带有查询字符串参数和 FormData 的 Vue http GET 请求
- javascript - 是否可以通过函数本身访问函数的原型对象
- python - 如何在 kivy 中使用屏幕管理器在另一个 python 文件中运行 python 文件
- flask - jinja2exceptions TemplateNotFound:带有 uwsgi 但没有烧瓶运行的 index.html
- azure - 从 AzureAD 安全的 powershell 核心 Azure 函数获取 ClaimsPrincipal/Identity
- reactjs - 如何在 83 版中检测 chrome 浏览器?
- php - 删除从 php 获取的元素,并与从 jquery 动态创建的输入结合
- javascript - '(props: ITableProps) => JSX.Element' 类型的参数不能分配给类型参数 ... - React HOC
- ruby-on-rails - 批量分配 .update 不调用依赖: :destroy on children
- python - List 是否有协变可变版本?