我想弄清楚如何通過 api 請求向 coinranker 請求前 5 名加密貨幣，因為我希望它們適合我的 html 頁面上的一個部分。截至目前，我正在請求整個索引。
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);
});
uj5u.com熱心網友回復：
特別是對于您的 API（Coinranker API），您似乎可以在請求中提供限制屬性作為查詢引數，如下所示：
fetch(`${proxyUrl}${baseUrl}?limit=5`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-My-Custom-Header': `${apiKey}`,
'Access-Control-Allow-Origin': "*"
}
})
否則，您可以通過設定它的長度并對其進行切片來手動獲取前 5 個結果：
coinsData.length = Object.keys(coinsData).length;
coinsData = Array.prototype.slice.call(coinsData, 5));
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346589.html
標籤：javascript json