Exécution du Récupération post-AJAX</h2> <p>Dans le développement Web, il est courant d'injecter du HTML, notamment <script> balises, dans un élément DOM existant à l’aide d’appels AJAX. Cependant, les scripts contenus dans ces balises peuvent ne pas toujours s'exécuter correctement. Prenons le cas d'un div appelé "Contenu" qui est rempli de manière asynchrone avec les données d'un fichier PHP via AJAX, y compris un <script> tag.</p> <h3>Résoudre l'échec d'exécution du script</h3> <p>Pour résoudre ce problème, l'extrait de code suivant peut être utilisé :</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var arr = MyDiv.getElementsByTagName('script'); for (var n = 0; n < arr.length; n++) eval(arr[n].innerHTML); //run script inside div</pre><div class="contentsignin">Copier après la connexion</div></div> <p>Ce code récupère dynamiquement tous les <script> éléments dans le div spécifié ("MyDiv") et les parcourt. Pour chaque balise de script, il récupère la propriété innerHTML (le code contenu dans la balise) et l'exécute à l'aide de la fonction <strong>eval</strong>. Cela garantit que le script injecté est exécuté une fois l'appel AJAX terminé.</p>