Wie führe ich Javascript-Funktionen aus, die über Ajax-Antworten zurückgegeben werden?

Ausführen von über Ajax-Antworten zurückgegebenen Funktionen

Ihre Anfrage dreht sich um die Möglichkeit, JavaScript-Funktionen aufzurufen, die in einer Ajax-Antwort zurückgegeben werden. Zur Klarstellung: Sie möchten die Funktion nicht direkt nach dem Ajax-Rückruf aufrufen, sondern möchten später während der Lebensdauer der Seite darauf zugreifen.

Die Antwort lautet „Ja“. Sie können den neu erworbenen Code jederzeit während der Existenz der Seite ausführen, sofern bestimmte Bedingungen erfüllt sind:

Bedingungen:

• Syntaktische Korrektheit: Der zurückgegebene JavaScript-Code muss syntaktisch gültig sein.
• Ausführungsanforderung: Obwohl er in ein DIV eingefügt wurde, ist <script> Block erfordert der Browser die Ausführung des Deklarationscodes, um die Existenz der Funktion zu erkennen. Dies kann über die Methode eval() erreicht werden.</script>

Beispiel:

<code class="html"><div id="div1">
  <script id="sc1" type="text/javascript">
    function go() { alert("GO!") }
  </script>
</div>

<script type="text/javascript">
  // hypothetical Ajax callback
  var newsc = '<script id="sc1" type="text/javascript">' +
               'function go() { alert("GO!") }' +
             '</script>';
  var e = document.getElementById('div1');
  e.innerHTML = newsc;
  eval(document.getElementById('sc1').innerHTML);
</code>

Während dieses Beispiel die Verwendung von Ajax vermeidet, veranschaulicht es das Konzept. Die eval()-Methode deklariert effektiv die neue Funktion und stellt sie für den Aufruf während der gesamten Lebensdauer der Seite zur Verfügung.

Hinweis: Es wird empfohlen, die Externalisierung der Funktion in einer separaten Datei bei Ajax-Aufrufen zu vermeiden werden sich wahrscheinlich wiederholen, da dieser Ansatz zu potenziellen Problemen führen kann. Auch die browserübergreifende Kompatibilität kann eine Überlegung sein. In diesem Fall ist der von Krosenvold vorgeschlagene Prototyp-Ansatz eine praktikable Option.

Das obige ist der detaillierte Inhalt vonWie führe ich Javascript-Funktionen aus, die über Ajax-Antworten zurückgegeben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!