Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Async function übergabe einer variable klappt nicht
#1
Hallo, 

bin neu hier und eigentlich anfänger im Bereich Javascript, ich bin gerade dabei eine Web App zu erstellen ein Radiostreaming ähnlich radio.de mit verschiedenen sendern. Was ich bis jetzt umgesetzt habe:

Abfrage aller Stationen über API url Liste geht.
Sender spielen wie es sein soll.

An was es bis jetzt scheitert: Kategorie Liste habe ich hinzugefügt, jetzt muss ich beim Klicken auf eine Kategorie ID an API url übergeben damit ich die Kategorie geöffnet bekomme.

Abruf:

Code:
<div onclick="openNav(); getCategoriesRadio(${All_cat[i].id})" class="playlist-card">Inhalt</div>


Hierhin wird es übergeben:

Code:
async function getCategoriesRadio(ids) {
   
   
    const idx = await ids;


    if (idx >= '') {
        let url = await `https://mylink.me/myApi/api.php?method=getRadios&api_key=Uhr huA&offset=0&limit=1000&genre_id=${idx}`;

        try {
            let res = await fetch(url);
            let data = await res.json();
 // Hier ein Alert beim Klicken wird die richtige ID angezeigt          

alert(idx);
            return data;
        } catch (error) {
            console.log(error);
        }

    }




}
async function renderCategoriesRadio() {
  let side = document.querySelector('.video-sec-middle');
  const All_cat_r = await getCategoriesRadio();

  for (let i = 0; i < All_cat_r.length; i++) {
    let Html = `<li class="thumb-wrap"><a href=""><img class="thumb" src="https://my.link/uploads/radios/${All_cat_r[i].img}" alt=""><div class="thumb-info"><p class="thumb-title">${All_cat_r[i].name}</p><p class="thumb-user">${All_cat_r[i].tags}</p><p class="thumb-text">1.3K Views</p></div></a></li>`;
    side.insertAdjacentHTML("beforeend", Html);
  }
}

renderCategoriesRadio();

Zum Test ein Alert eingebaut beim Klicken wird auch die richtige angezeigt aber der Inhalt der sich öffnet bleibt leer.
Wo habe ich denn Fehler? Man könnte es auch ohne If(idx >= '") abfragen dann bekomme ich die ganze Liste angezeigt und nicht nach Kategorie. Die ID wird also nicht an die Url übergeben.
Zitieren


Nachrichten in diesem Thema
Async function übergabe einer variable klappt nicht - von valerius - 22.06.2023, 12:10

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
1 Gast/Gäste