Wie führe ich eingefügte Skripte nach einer AJAX-Anfrage mit innerHTML aus?

Ausführen injizierter Skripte über innerHTML nach AJAX-Anfrage

Wenn AJAX verwendet wird, um ein Element mit Daten aus einem serverseitigen Skript zu füllen, ist dies der Fall Es ist üblich, in diese Daten ein Skript-Tag einzufügen. Standardmäßig werden diese injizierten Skripte jedoch nicht ausgeführt. Dieser Artikel zeigt eine Lösung zum Ausführen solcher Skripte nach dem AJAX-Aufruf.

Problem:

Stellen Sie sich ein Div mit der ID „Content“ vor, das dynamisch Daten empfängt, einschließlich eines < ;script> Tag, aus einer PHP-Datei über AJAX. Trotz des Vorhandenseins des Skript-Tags bleibt der darin enthaltene Code nicht ausgeführt.

<div>

Lösung:

Um das über innerHTML eingefügte Skript auszuführen, verwenden Sie den folgenden Code :

var arr = MyDiv.getElementsByTagName('script');
for (var n = 0; n < arr.length; n++)
    eval(arr[n].innerHTML); //run script inside div

Dieser Code ruft das

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse