从数组获取最后的Api数据

问题描述

我的站点中有一个covid 19 Api，但是我希望它仅提供最后的数据，每天阵列都在变大，我该如何解决呢？

// Api Link+Key
$.getJSON("https://api.covid19api.com/total/country/netherlands",// Function to extract data from the Api
function(data){
    console.log(data);

// connect a variable to the Api Path
    var covid_confirmed = data[231].Confirmed;
    var covid_active = data[231].Active;
    var covid_deaths = data[231].Deaths;
    var covid_date = data[231].Date;

// Make the variable an working variable for in html
$('.covid_confirmed').append(covid_confirmed);
$('.covid_active').append(covid_active);
$('.covid_deaths').append(covid_deaths);
$('.covid_date').append(covid_date);


});

这是数组的形成方式： Picture of RAW Api data

解决方法

您可以获得最后一条记录。

const lastRecord = data.pop();
or
const lastRecord = data[data.length-1];

为什么不为您的api提供排序和分页选项？另一个解决方案是为上一个报告创建路由，类似/latest-result

,

只需选择数组的最新值

// Api Link+Key
$.getJSON("https://api.covid19api.com/total/country/netherlands",// Function to extract data from the Api
function(data){
    console.log(data);

// connect a variable to the Api Path
    var covid_confirmed = data[data.length-1].Confirmed;
    var covid_active = data[data.length-1].Active;
    var covid_deaths = data[data.length-1].Deaths;
    var covid_date = data[data.length-1].Date;

  // Make the variable an working variable for in html
  $("#confirmed").text(`confirmed: ${covid_confirmed}`);
  $("#active").text(`active: ${covid_active}`);
  $("#deaths").text(`deaths: ${covid_deaths}`);
  $("#date").text(`date: ${covid_date}`);


});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="confirmed"></div>
<div id="active"></div>
<div id="deaths"></div>
<div id="date"></div>

,

official documentation for covid19api.com显示您可以向API调用添加from和to参数。

这使您可以指定自给定日期以来仅需要数据，因此可以使用该呼叫

$.getJSON("https://api.covid19api.com/total/country/netherlands/status/confirmed?from=2020-09-08T23:00:00Z&to=2020-09-09T00:00:00Z")

从2020年9月9日起仅获取一个包含数据的数组元素