Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

DOM tree wird nach AJAX nicht neu geladen bzw. innerHtml bleibt undefined...

Frage Entwicklung JavaScript

Mitglied: B-free

B-free (Level 1) - Jetzt verbinden

01.06.2014, aktualisiert 10.06.2014, 1591 Aufrufe, 4 Kommentare

Hallo Community,

ich bin ein JS/ AJAX Neuling. Mein AJAX lädt ein <script>...</script>, welches nach W3C Standard ja nicht ausgeführt wird. Die (vermeindliche) Lösung:
01.
	alert (document.getElementById("display1"));           //output:  [object HTMLDivElement] 
02.
	alert (document.getElementById("display1").innerHtml); //output:  undefined  (kein DOM update?) 
03.
	var arr = document.getElementById("display1").getElementsByTagName('script'); 
04.
	alert (arr);                                           //output:  [object NodeList] (soweit korrekt, ist ja ein Array mit DOM nodes) 
05.
	alert (arr[0]);                                        //output:  [object HTMLScriptElement] (Also doch ein DOM update, das <script> wurde erkannt) 
06.
	for (var n = 0; n < arr.length; n++) 
07.
		eval(arr[n].innerHTML)//run script inside div
Das <script> wird nicht ausgeführt....

Erst, wenn ich den selben Code in die Konsole eingebe, geht es...


Auch mit onload, delay etc... Es geht nicht...


Tschau
B-Free


PS: Ich habe es in mehreren Browsern getestet
Mitglied: nxclass
01.06.2014, aktualisiert um 23:25 Uhr
Hallo - kleiner Tipp: lade den JS code als zusätzlichen script Node in den header Node - das sollte funktionieren.

test.html
01.
<!DOCTYPE html> 
02.
<html> 
03.
    <head> 
04.
        <title></title> 
05.
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
06.
        <script type="text/javascript"> 
07.
document.include = function( src ) 
08.
09.
    e = document.createElement('script'); 
10.
    e.setAttribute('type', 'text/javascript'); 
11.
    e.setAttribute('src', src); 
12.
    this.getElementsByTagName('head').item(0).appendChild(e); 
13.
14.
        </script> 
15.
    </head> 
16.
    <body> 
17.
        <input type="button" onclick="document.include('js/test.js');" name="load" value="load" /> 
18.
    </body> 
19.
</html>
test.js
01.
alert('success');
Bitte warten ..
Mitglied: B-free
02.06.2014 um 12:34 Uhr
Ähm.... Okay.


Ich habe leider nicht verstanden (oder nur in den Grundzügen) was dein Vorschlag war.

Soll ich die <script> Tags aus dem AJAX request in den head schreiben?



Soweit
B-Free
Bitte warten ..
Mitglied: nxclass
LÖSUNG 02.06.2014, aktualisiert 10.06.2014
Soll ich die <script> Tags aus dem AJAX request in den head schreiben?
ja - beachte dass die script Tags innerhalb des body nur beim Laden der Webseite ausgeführt werden.

Weiterhin solltest Du versuchen dein JS so zu schreiben, dass es aus einer *.js Datei geladen werden kann - so kannst du den HTML und JS Code sauber trennen. Meistens sollte die gesamte JS Logik bereits geladen sein und nur HTML Fragmente werden per Ajax nachgeladen.
Bitte warten ..
Mitglied: B-free
04.06.2014 um 08:05 Uhr
Weiterhin solltest Du versuchen dein JS so zu schreiben, dass es aus einer *.js Datei geladen werden kann - so kannst du den HTML
und JS Code sauber trennen. Meistens sollte die gesamte JS Logik bereits geladen sein und nur HTML Fragmente werden per Ajax
nachgeladen.

Danke!

Super! So werde ich das gleich mal testen. :D
Bitte warten ..
Ähnliche Inhalte
Netzwerkprotokolle
Spanning Tree - Cost ändern (8)

Frage von hash2k2 zum Thema Netzwerkprotokolle ...

Netzwerkgrundlagen
gelöst Grundlagenfrage zu LACP vs. Spanning Tree (8)

Frage von ukulele-7 zum Thema Netzwerkgrundlagen ...

Netzwerkgrundlagen
gelöst Spanning Tree, ERPS - Switche mit je zwei Trunks (9)

Frage von sebasscha zum Thema Netzwerkgrundlagen ...

JavaScript
Image laden, nur wenn noch nicht geladen (1)

Frage von Power-Poler zum Thema JavaScript ...

Neue Wissensbeiträge
Viren und Trojaner

Link: Neues Botnetz über IoT-Geräte

Information von certifiedit.net zum Thema Viren und Trojaner ...

Ubuntu

Ubuntu 17.10 steht zum Download bereit

(3)

Information von Frank zum Thema Ubuntu ...

Datenschutz

Autofahrer-Pranger - Bewertungsportal illegal

(8)

Information von BassFishFox zum Thema Datenschutz ...

Windows 10

Neues Win10 Funktionsupdate verbuggt RemoteApp

(8)

Information von thomasreischer zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Windows 10
Seekrank bei Windows 10 (18)

Frage von zauberer123 zum Thema Windows 10 ...

Switche und Hubs
gelöst VLAN für Gäste WLAN einrichten über FritzBox und Switch (10)

Frage von Elo-14 zum Thema Switche und Hubs ...

Windows Server
Frage zu Server Rack (10)

Frage von rainergugus zum Thema Windows Server ...