Wie man das Ajax-Ausgabeskript ausführt

Question

Ich erhalte einen AJAX-Ausgabeerfolg.

Wo die Daten etwas HTML-Text und ein Skript enthalten.

Aber das Skript wird nicht ausgeführt, wie kann ich das Skript ausführen.

Sagen wir, die Ajax-Antwortobj ist

etwas....alert("test");

Der obige Code ist meine Ajax-Antwort. Das div wird gerendert, aber das Alert funktioniert nicht.

Answer 1

Unter der Annahme, dass Sie kein JSON oder jQuery verwenden, oder eine andere Bibliothek, und Ihr AJAX-Aufruf einige HTML und/oder JavaScript zurückgibt, welche zu Ihrem bestehenden Dokument hinzugefügt wird (z.B. mit innerHTML), wird jegliches über AJAX zurückgegebenes JavaScript im Browser nicht ausgeführt - außer für Ereignisse an Elementen im HTML.

Also, wenn Ihr AJAX-Aufruf zurückgibt, wird das js alert funktionieren, aber wenn Ihr AJAX-Aufruf alert('hallo'); zurückgibt, wird es nicht ausgeführt. In diesem Fall müssten Sie das Ergebnis parsen, um das JavaScript zu extrahieren und auszuführen, unter Verwendung einer Funktion wie dieser:

function extract_and_execute_js(output_to_parse)
{    
    if(output_to_parse != '')    
    {    
        var script = "";
        output_to_parse = output_to_parse.replace(/]*>([\s\S]*?)<\/script>/gi, function(){if (output_to_parse !== null) script += arguments[1] + '\n';return '';});
        if(script) 
        {
            if (window.execScript)
            {
                window.execScript(script);
            }
            else
            {
                window.setTimeout(script, 0);
            }
        }
    }
}

Answer 2

Wenn Sie das JSON formatierte Ergebnis aus dem AJAX-Aufruf abrufen, können Sie einfach eval verwenden, um das JavaScript auszuführen.

Annehmen, dass das Ergebnis-json so gebildet ist

   var res =  '{"Daten": "",
              "skript": "alert(etwas)"}';

   var out = eval("(" + res + ")");
   var data = out.data;
   eval(out.script);

Answer 3

Interessanterweise verwende ich jQuery und die Verwendung der html() Funktion war ausreichend, um den JavaScript-Code auszuführen. Also musste ich im Grunde nichts Besonderes tun.

Es gibt eine vereinfachte Version:

var myform = $('form#form-id');
$.post(myform.attr('action'), myform.serialize(), function(response) {
  $('#some-id').html(response.message);
}

In meinem Fall wurde der Code automatisch ausgeführt, daher benötigte ich keine der hier vorgeschlagenen Lösungen.

Answer 4

Nicht sicher, ob Sie eine Bibliothek verwenden, aber mit Prototype musste ich das setzen

evalScripts: true

bevor JavaScript evaluiert würde. Siehe hier für weitere Informationen:

http://www.sergiopereira.com/articles/prototype.js.html#UsingAjaxRequest

Answer 5

Verwenden von jQuery hier ist ein einfaches Stück Code:

$.ajax({
    type: "POST",
    url: "getData.asmx/HelloWorld",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(result) {
        alert(result);
    }
});

Aber um die Ergebnisse der Variable result tatsächlich zu verwenden, habe ich eine JavaScript-Bibliothek verwendet, von http://www.json.org/js.html, habe ich gemacht:

success: function(result) {
    var myData = JSON.parse(result.d);

Es gibt wahrscheinlich bessere Ansätze, aber das war einfach und hat für mich funktioniert, also benutze ich das einfach. Später, wenn das Projekt in Produktion ist, werde ich wahrscheinlich zurückgehen und das aufräumen, aber das passiert erst, nachdem ich alles zum Laufen gebracht habe.