Bonjour à tous,

Je voudrais charger en AJAX un contenu HTML dans ma page, puis une fois le contenu HTML ajouté, exécuter un script lui aussi chargé en AJAX. Ma première approche fût d'utiliser les fonctions $.load et $.getScript.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
$("#container").load("page.html", function(){ $.getScript("script.js"); });
Cela fonctionne mais n'est pas très optimisé: le chargement du script se fait une fois la page HTML chargée, alors que les deux requêtes pourraient se faire en parallèle. Je sais que certaines librairies comme headJS parviennent à charger des choses en parallèle tout en conservant l'ordre d'exécution correct. Sauriez-vous quel mécanisme est utilisé pour cela ?

J'ai une solution de secours qui est de charger tous mes scripts en AJAX au démarrage puis d'appeler des callbacks propres à chaque page, mais je voudrais trouver quelque-chose de mieux.

Merci de partager votre savoir