Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Richiesta ajax

  1. #1

    Richiesta ajax

    Ciao a tutti.
    Non so come spiegarlo cerchero di essere piu chiaro possibile.

    Tramite una richeista ajax XMLHttpRequest vadoad estrarre dei dati dal database elencandoli in una lista non ordinata come questa:

    codice HTML:
    <div id="boxList">
    <ul>
    <li>
    <a href="">...</a>
    </li>
    <li>
    <a href="">...</a>
    </li>
    ...
    </ul>
    </div>
    Ora tramite javascript con document.querySelectorAll("#boxList ul li a");

    codice:
    const el = document.querySelectorAll("boxList ul li a");
    el.forEach((item) => {
    item.addEventListener("click", (e) => {
    alert(e.target.textHTML);
    });
    });
    Devo intercettare quale link a e stato premuto ma come lofgico non intercetta nulla perche quando viene letto il code javascript questa lista non esiste ancora, come posso fare per risolvere?

  2. #2
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    23,905
    Quote Originariamente inviata da techno Visualizza il messaggio
    Devo intercettare quale link a e stato premuto ma come lofgico non intercetta nulla perche quando viene letto il code javascript questa lista non esiste ancora, come posso fare per risolvere?
    Aggancia l'evento dopo che la chiamata AJAX è stata effettuata (ed è andata a buon fine, quindi nell'apposito callback), così hai a disposizione gli elementi.

    In alternativa, prova a intercettare il click sull'intera lista (quindi sull'elemento <ul>) invece che sul singolo elemento.
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

  3. #3
    cioè tu dici di mettere in code javascript dopo:

    codice:
    if(xhttp.status === 200 && readySate === 4) {
    ... qui inseirre il code javascript?...
    }

  4. #4
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    23,905
    Quote Originariamente inviata da techno Visualizza il messaggio
    cioè tu dici di mettere in code javascript dopo [...]
    Il codice va messo dopo quello che crea gli elementi della lista in base a ciò che recuperi dal database.
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.