Estoy tratando de averiguar cómo solicitaría las 5 monedas criptográficas principales a través de una solicitud api a coinranker, ya que quiero que encajen en una sección de mi página html. A partir de ahora estoy solicitando el índice completo.
fetch(`${proxyUrl}${baseUrl}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-My-Custom-Header': `${apiKey}`, 'Access-Control-Allow-Origin': "*" } }) .then((response) => { if (response.ok) { response.json().then((json) => { console.log(json.data); let coinsData = json.data.coins; if (coinsData.length > 0) { var cryptoCoin = ""; } coinsData.forEach((coin) => { cryptoCoin += "<tr>"; cryptoCoin += `<td> ${coin.rank}</td>`; cryptoCoin += `<td> ${coin.btcPrice} </td>`; cryptoCoin += `<td> ${coin.name}</td>`; cryptoCoin += `<td> $${Math.round(coin.price*100)/100}</td>`; cryptoCoin += `<td> ${coin.symbol}</td>`;"<tr>"; }); document.getElementById("data").innerHTML = cryptoCoin; }); } }) .catch((error) => { console.log(error); });Para su API en particular (API de Coinranker), parece que puede proporcionar un atributo de límite como parámetro de consulta en su solicitud de la siguiente manera:
fetch(`${proxyUrl}${baseUrl}?limit=5`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-My-Custom-Header': `${apiKey}`, 'Access-Control-Allow-Origin': "*" } })De lo contrario, puede obtener manualmente los primeros 5 resultados configurando su longitud y cortándola:
coinsData.length = Object.keys(coinsData).length; coinsData = Array.prototype.slice.call(coinsData, 5));