Hejka, jestem słaby bardzo w javascripcie, stworzyłem sobie w nim jedynie coś co wykorzystuje na stronie.
Pobieram dane poprzez api od cryptocompare
async function news() {
const response = await fetch('https://min-api.cryptocompare.com/data/news/feeds');
const logi = await response.json();
console.log(logi);
// wysyłam do html
document.getElementById("feed0").textContent = logi[0].name;
document.getElementById("feed1").textContent = logi[1].name;
document.getElementById("feed2").textContent = logi[2].name;
news();
Jednak mam problem z CORS'ami, ponieważ wyskakuje błąd, wiem że muszę ustawić odpowiednie headersy, nic poza tym, od cryptocompare dostałem klucz dzięki któremu rozumiem mogę rozwiązać ten problem, ale muszę go zaimplementować w kodzie który znalazłem w dokumentacji mozilli odnośnie metody fetch i ustawiania headersów
async function postData(url = '', data = {}) {
// Default options are marked with *
const response = await fetch(url, {
method: 'POST', // *GET, POST, PUT, DELETE, etc.
mode: 'cors', // no-cors, *cors, same-origin
cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
credentials: 'same-origin', // include, *same-origin, omit
headers: {
'Content-Type': 'application/json'
// 'Content-Type': 'application/x-www-form-urlencoded',
},
redirect: 'follow', // manual, *follow, error
referrerPolicy: 'no-referrer', // no-referrer, *client
body: JSON.stringify(data) // body data type must match "Content-Type" header
});
return await response.json(); // parses JSON response into native JavaScript objects
}
Nie wiem jednak jak dostosować mój poprzedni kod do tego z dokumentacji, dodając ten headers z kluczem, które linijki są potrzebne a które do wyrzucenia i czy zmieni to w jakiś sposób odwoływanie się do elementów json niż dotychczas.
Prosiłbym bardzo o pomoc, dziękuje niezmiernie, pozdrawiam!