Fonction load dans une boucle while

Bonjour,

Mon but est de faire appel à plusieurs pages web pour en extraire leur contenu et les ajouter dans ma page (scrolling). Mais je dois d'abord faire appel à ma page 1 puis 2 etc... pour que les contenus soient afficher dans l'ordre. Et je ne sais pas à l'avance combien j'aurais de pages.
Hors la fonction load (dans mon code suivant) est asynchrone du coup ma boucle while ne permet pas de faire appel à mes pages dans l'ordre..

J'ai tenté une fonction récursive mais ça n'avait pas l'air de fonctionner mieux...

Une idée?

Merci.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

function fetchPage(page,nbPages,urlStr){ $("<div>").load(urlStr, function() { $(".maClasse").append($(this).html()); });   }   ...   while( page <= nbPages){ var urlStr = "monURL; fetchPage(page,nbPages,urlStr); page++; }

---

Bonjour,

Le code est exécuté coté client ?

N'y a-t-il un problème de same-origin policy ?

Salut

Mauvais Copier/Coller ? ligne 13, il y a un problème de ".

Code:

---

1 2 3 4

var urlStr = "monURL"; //Ou var urlStr = monURL; var urlStr = "monURL; // pas bon

---

Oui j'ai changé tout mon url par MonURL et j'ai oublié le guillemets c'est juste pour donner une idée.
En fait je rappelle la meme page avec des paramètres différents ex: www.mapage.com?page=1&tag=untag puis www.mapage.com?page=2&tag=untag etc.

J'ai enfin fini par trouver une solution en faisant un appel récursif dans la fonction load pour que la fonction suivante soit appelée uniquement quand le load a fini:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function addPages(page, categ, yr, nbPages,urlStr) { $("<div>").load(urlStr + " .list-content", function() { console.log(page); $(".articleList").append("<div class='list-content'>" + $(this).find(".list-content").html() + "</div>"); page++; if(page <= nbPages) { urlStr = MonURL + "?pagenumber=" + page + "&category=" + categ + "&year=" + yr; console.log(urlStr); addPages(page, categ, yr, nbPages,urlStr);   } });       }

---

Maintenant j'ai un autre soucis.. la page que je rappelle génère un script qui charge les vidéos sur ma page. Du coup quand je reprends le contenu de ma page pour l'insérer dans ma page courante mes vidéos n'y sont plus:-(... parce que ce script n'est pas chargée quand je fais mon load... je suppose..

J'ai tenté un setTimeout quand j'appelle load(url) mais cela ne fonctionne pas non plus..

Une idée pour résoudre ce problème?

Merci

faut que tu bosse sur les promesses.

https://developer.mozilla.org/en-US/...bjects/Promise

Sinon, je dois avoir un bout de code quelque par qui montre comment faire des appels récursifs avec l'utilisation des promesses sur les fonctions asynchrones.

Mais je sais pas si ce sera utile que je le retrouve vu que tu à laissé mon dernier message sans réponse depuis plus de 20 jours :roll: