Javascript nicht geladen wird, nachdem AJAX-call

Ok den folgenden HTML-code geparst wird, wenn ich eine Seite zu laden:

<div id="clip-wrapper"> 
    <script type="text/javascript"> 
        alert("bla");
    </script> 
</div>

Dies führt zu einer Warnmeldung "bla", nachdem mein AJAX-Aufruf, der geparste HTML-code sieht wie folgt aus:

<div id="clip-wrapper">
<script type="text/javascript">
    alert("ajaxbla");
</script>
</div>

Diese auf der anderen Seite, nicht im Ergebnis eine Warnung. Warum? Und wie kann ich dieses Problem beheben?

  • überprüfen Sie die editierte Antwort
InformationsquelleAutor pbond | 2011-12-09
  1. 8

    Wenn es irgendwelche scripts geladen in Ihrem dom aus einem Ajax-Aufruf werden Sie nicht ausgeführt werden, aus Gründen der Sicherheit.

    Um das Skript auszuführen, müssen Sie entfernen Sie es aus der Antwort, und führen Sie es durch eval

    Ideal obwohl, werden Sie wollen, führen Sie Ihr Skript als Rückruf, wenn der ajax-request abgeschlossen ist. Wenn Sie mit jQuery wäre dies die Erfolg Ereignis in Ihrem ajax-Aufruf, und wenn Sie es tun, nativ, es wäre das readyStateChange-Ereignis von Ihrem xhr-Objekt.

    BEARBEITEN

    Wenn Sie wirklich wollen, entscheiden sich für die eval-option, die Sie könnten versuchen, so etwas wie dieses:

    document.getElementById(contentDiv).innerHTML = xmlHttp.responseText;
eval(document.getElementById("clip-wrapper").innerHTML);
    • Können Sie eleborate, wie kann ich es aus der Antwort? Und führen Sie es durch eval danach? Ich bin mit dem folgenden code: function stateChanged() { if (xmlHttp.readyState == 4) document.getElementById(contentDiv).innerHTML = xmlHttp.responseText; } wo contentDiv ist clip-wrapper in diesem Fall. (ist es so einfach wie eval(xmlHttp.responseText); ?)
    • Ok, ich denke ich habe es richtig macht, aber es funktioniert immer noch nicht: if (xmlHttp.readyState == 4) { document.getElementById(contentDiv).innerHTML = xmlHttp.responseText; eval(document.getElementById(contentDiv).innerHTML); } bin ich etwas fehlt? Danke für die Hilfe, Schätze es sehr!
    • Ich glaube nicht, dass eval mag die script-tags drin - kann Sie zurück schicken, die Antwort-ohne Sie?
    • Nicht, dass impliziert wird, dass der div wird nur gefüllt werden mit alert("msg"); so wird es nicht laufen als javascript-code? Oder verstehe ich dich falsch?
    • wenn es nur gefüllt mit alert("msg") können Sie übergeben, eval, und es wird auf jeden Fall funktionieren -- eval("alert('msg');"); funktioniert
    • Du bist mein held! Es funktioniert!!!!!
    • Juhuu!!! Froh, es zu hören
    • weitere Beispiele: stackoverflow.com/questions/978101/...
    • Wenn Sie nicht Anhängen, um die eigentliche ajax-Aufruf (weil es ist erzeugt von C# in meinem Fall) verwenden Sie $(document).ajaxComplete (), und führen Sie Ihre arbeiten dort.

    InformationsquelleAutor Adam Rackis
  2. 1

    setzen Sie den code in 

    $(document).ready(function()
{
  alert(msg);
});

    oder nutzen Sie readysatchange Falle des XMLHttp-Objekt.

    XMLHttpobject.readyStateChange( furnction() { alert('msg'); } );

    Bearbeiten

    wenn Sie jquery als gehen für 

    $.ajax({
  url: "test.html",
  context: document.body,
  success: function(){
    $(this).addClass("done");
  }
});

    hier in Ereignis, Erfolg Sie können Ihren code schreiben, die ausgeführt werden, sobald Sie fertig sind mit der ajax.

    • Ich habe versucht Ihren Vorschlag, analysiert der folgende HTML-code: <div id="clip-wrapper"><script type="text/javascript"> $(document).bereit(Funktion() { alert("trolol"); }); </script></div> aber es gibt nicht eine Warnung. PS. wie man code in Kommentaren?
    • hey musst du jQuery für die.................
    • Es ist aufgenommen, als ich mit WordPress.
    • y -1 ??????????????????????????????????
    • Ich habe nicht -1 ' ed Ihnen, jemand anderes Tat. Ich wusste nicht, +1 dir, sorry.
    • haben Sie versucht, ajax Funktion aufrufen der redigierten Antwort
    • Nein, habe ich nicht, ich bin nicht mit jQuery-sorry. Ich +1 gegeben, die Sie (es atleast öffnete die -1 von jemand anderes) für deine Mühe, wie es scheint, die bearbeiteten code funktioniert für jQuery, mit dem Erfolg. Ich habe die Lösung von @Adam Rackis und es funktioniert wie ein Charme, auch mit meinem richtigen script (das laden eines Films in den jwplayer, je nachdem, was der Benutzer angeklickt hat).

    InformationsquelleAutor Pranay Rana
  3. 1

    beliebigen code innerhalb des Körpers zwischen script tag wird nur ausgeführt, beim laden des Dokuments.

    in ajax-calls nutzen callback oder success: oder oncomplete: zu handhaben, die ajax-Antwort, wenn Sie mit jQuery.

    InformationsquelleAutor dku.rajkumar
  4. 0

    Du meinst den zweiten html-code kommt, wie eine ajax-Antwort?? Hast du selbst eingefügt, den html-Code der aktuellen Seite?

    Etwas wie

    document.body.innerHTML = ajax_response;

    Aber auch mit innerHTML Ersatz-ich weiß nicht, was die script im inneren wird Sie automatisch ausgeführt. Der browser analysiert die script aber nicht automatisch ausführen. (ZB, wenn Sie einen function definition in der html -, nach dem ajax-Aufruf werden Sie in der Lage, die Funktionen aufgerufen)

    Andere Möglichkeit ist die Verwendung document.write wird, ersetzt den gesamten Inhalt der Seite mit den neuen html-und der script tags werden automatisch ausgeführt.

    document.write(ajax_response);

    Hoffe, das hilft,

    InformationsquelleAutor Jim Jose
Schreibe einen Kommentar