【发布时间】:2021-07-01 09:49:04
【问题描述】:
我想显示来自 API 源的所有项目或数据的列表,其中 VirtualOrganization(或其他一些数据)是我指定的(如 ATCclub)。我使用 Axios 来获取数据。
Baicicly,我只想从 VirtualOrganization 正确的 API 中获取 JSON 数据,然后显示它。
这是我的代码:
let data;
axios.get(URLBASE + '/flights/' + expert + '?apikey=' + APIKEY, {
params: {
virtualOrganization: "ATCclub"
}
})
.then(response => {
console.log(response.data.result);
if (response.data.result.virtualOrganization === "ATCclub") {
for (let i = 0; i < response.data.result.virtualOrganization.array.length; i++) {
document.getElementById("username").innerHTML = response.data.result.username;
document.getElementById("aircraftId").innerHTML = response.data.result.aircraftId;
document.getElementById("heading").innerHTML = response.data.result.heading;
document.getElementById("latitude").innerHTML = response.data.result.latitude;
document.getElementById("longitude").innerHTML = response.data.result.longitude;
document.getElementById("speed").innerHTML = response.data.result.speed;
document.getElementById("altitude").innerHTML = response.data.result.altitude;
}
}
})
.catch(error => console.error(error));
注意:我已设法显示 JSON 中的一行。
【问题讨论】:
-
响应如何?
-
我在控制台中收到所有 JSON 行的响应,但没有任何东西可以发送到 html 页面,但这不是我想要的
-
如何选择响应的行?? @丹尼尔
-
如果我想从一行输出一些东西,我会这样做:response.data.result[0].username。如您所见,我只是使用 [] 并在其中输入一个数字,但如果我想获取所有具有相同 virtualOrganization 的行,我不能这样做
标签: javascript json api axios