Richiesta ajax

[techno]

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:

<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");

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?

[alka]

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.

[techno]

cioè tu dici di mettere in code javascript dopo:

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

[alka]

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.