【问题标题】:Get all items or data from API where they need to meet a condition to be fetched从 API 中获取需要满足获取条件的所有项目或数据
【发布时间】: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


【解决方案1】:

在有人向我发送“过滤后”的答案后,我找到了解决方案。 然后我想出了这个:

// resF (result of flights)
const resF = response.data.result.filter(function (e){
        return e.virtualOrganization === "ATCclub";
    });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-01-04
    • 1970-01-01
    • 2021-06-09
    • 2018-10-06
    • 2013-09-10
    • 1970-01-01
    • 2019-05-13
    相关资源
    最近更新 更多