При попытке получить данные с другого сайта выдает вот такую ошибку.
По гуглил, попытался включить, как советуют режим, 'no-cors', но почему-то ничего не помогает. Ошибка не исчезает, данные не получаются.
unction exchangeDataShow() {
fetch('https://pro-api.coinmarketcap.com/v1/ticker/?limit=20', {
headers: new Headers({
'X-CMC_PRO_API_KEY': 'd59c2f6d-5209-4314-9dd5-8ea1405da68f'
}),
options: {
mode: 'no-cors'
}
})
.then(response => response.json())
.then(data => {
let output = ' ';
data.forEach(coin => {
let rateChangeHour = coin.percent_change_1h < 0 ? 'rate-red' : 'rate-green';
let rateChangeDay = coin.percent_change_24h < 0 ? 'rate-red' : 'rate-green';
let rateChangeWeek = coin.percent_change_7d < 0 ? 'rate-red' : 'rate-green';
output += `
<tr>
<td>${coin.rank === null ? '—' : coin.rank}</td>
<td>${coin.name === null ? '—' : coin.name}</td>
<td>${coin.price_usd === null ? '—' : coin.price_usd}</td>
<td>${coin['24h_volume_usd'] === null ? '—' : coin['24h_volume_usd']}</td>
<td>${coin.market_cap_usd === null ? '—' : coin.market_cap_usd}</td>
<td>${coin.total_supply === null ? '—' : coin.total_supply}</td>
<td>${coin.max_supply === null ? '—' : coin.max_supply}</td>
<td class="${rateChangeHour}">${coin.percent_change_1h === null ? '—' : coin.percent_change_1h}%</td>
<td class="${rateChangeDay}">${coin.percent_change_24h === null ? '—' : coin.percent_change_24h}%</td>
<td class="${rateChangeWeek}">${coin.percent_change_7d === null ? '—' : coin.percent_change_7d}%</td>
</tr>
`;
});
document.getElementById('market-data').innerHTML = output;
})
.catch( (err) => {
console.log(err);
});
}
window.onload = exchangeDataShow();
