如何将JSON数组与模板文字一起使用？
如何将JSON数组与模板文字一起使用？
提问于 2019-04-28 01:10:12
我正在学习javascript，并使用Fetch从URL中检索和解析一些JSON。控制台记录JSON数组，但是当我尝试在模板文字中使用它时，在控制台"positions is not defined"中得到一个错误。这就是我被挂起的地方，因为大多数示例和教程都没有显示我正在获得的JSON格式。
我该如何访问它，以便可以在模板文字中以我想要的方式使用它，或者是否有更好的方法？我不想遍历它，因为我希望能够将某些值放在我需要或想要它们的地方。
我正在使用的代码示例：
let positionData = new Request('URL_TO_JSON')
fetch(positionData)
.then(function(response){
return response.json();
})
.then(function(json){
document.getElementById('online').innerHTML = `THERE ARE CURRENTLY ${positions.lenght} CHASERS LIVE`;
document.getElementById('name').innerHTML = `${positions[0].name}`;
console.log(json)
})
.catch(function(err) {
console.log(`Error: ${err}` )
});在控制台中，它显示JSON数组如下：
{positions: Array(2)}
positions: Array(2)
0: {report_at: "2019-04-26 20:29:29", lat: "33.0851707", lon: "-96.8177032", elev: "0", dir: "0", …}
1: {report_at: "2019-04-26 05:07:29", lat: "33.0173721", lon: "-96.5511093", elev: "0", dir: "0", …}
length: 2
__proto__: Array(0)
__proto__: Object根据我看过的教程和视频，我所需要做的就是这样，我认为这就是我的问题所在，因为JSON的前缀是Positions。
document.getElementById('name').innerHTML = `${positions[0].name}`;但我在控制台中看到"positions is not defined“错误。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55882966
复制相关文章
相似问题
腾讯云开发者
