Impossible d'accéder à variable en dehors du fetch

Version imprimable

Bonjour à tous,

Je souhaite récupérer la variable "pagination" en dehors du fetch pour pouvoir lui appliquer un eventlistener, j'ai beau avoir transformé ça en async/await et avoir déclaré la variable en dehors du fetch, rien n'y fait... Que fais-je mal ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//fonction filtre selon l'onglet actif choisi
let pagination;
export async function filtrerOnglets(url) {
  try {
    let response = await fetch(url, {
      method: "GET",
      cache: "no-cache",
      headers: {
        "X-Requested-With": "XMLHttpRequest",
        "Content-Type": "Application/json",
      },
    });
    let data = await response.json();
    tabContent.innerHTML = await data.content;
    pagination = document.querySelectorAll(".tabs__content span a");
    console.log(pagination);
  } catch (error) {
    alert("Erreur " + error);
  }
}
 
//filtrage si pagination
pagination.forEach((el) => {
  el.addEventListener("click", (e) => {
    e.preventDefault;
    const urlPagination = e.target.getAttribute("href");
    const url = urlPagination;
    console.log(url);
  });
});

Bonjour,

Vous pouviez continuer le traitement à l'intérieur de la fonction et déplacer la boucle forEach juste après la ligne 16, sinon et si vous voulez vous servir de la fonction crée, utilisez la notion des promesses :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 filtrerOnglets("...url valide...") .then(a=> a.forEach((el) => { el.addEventListener("click", (e) => { e.preventDefault; const urlPagination = e.target.getAttribute("href"); const url = urlPagination; console.log(url); }); }) );

11/12/2023, 18h47
clickandgo

Bonjour Toufik83, merci d'avoir répondu...

Alors oui, bien évidement je pouvais continuer la fonction à partir de la ligne 16 mais j'ai oublié de mentionner que j'ai besoin que la fonction filtrerOnglets(url) soit alimentée avec cette nouvelle url en remplacement de l'ancienne :

Je ne pouvais récupérer la variable "pagination" que dans le fetch car non visible avant; mon intention étant ensuite d'envoyer la nouvelle url produite par l'event listener au click dans une variable pouvant être réutilisée en rappelant la fonction "filtrerOnglets(url)" de nouveau pour re-quêter de nouveau lorsqu'on clique sur un lien de pagination.

Il faut donc que je puisse obtenir la variable "pagination" en dehors de la fonction sauf si il existe une autre méthode ...