“Normalerweise” besteht so ein responseText aus einem XML-Fragment. Das baut man dann dynamisch in seine Seite und gut ist. Javascript wird dabei nicht mehr ausgeführt.
Ein Trick zum dynamischen Abrufen (und Ausführen) von JS besteht darin, dass der responseText an eval() übergeben und so ausgeführt wird… dazu muss der responseText aber natürlich reines JS sein.
Wenn man nun aber beides will, so erzeuge man einen responseText a la
|
1 2 3 4 |
<script type="text/javascript" id="theScript"> alert( 'yeah' ); </script> <div id="theContent">...</div> |
und voila (hier am Beispiel von ExtJS):
|
1 2 3 4 5 6 7 |
var ajaxRequest = Ext.Ajax.request({ url: 'index.php?fooBar, params: {}, disableCaching: false, success: onResponseDoMe, failure: function(){} }); |
hier nun der Zauber:
|
1 2 3 4 5 |
function onResponseDoMe( xhr ){ var newContent = xhr.responseText; Ext.get('targetDiv').update(newContent); eval( Ext.get('theScript').dom.innerHTML ); } |
Der Trick ist also einfach: Packe das JS in einen <script>-Knoten, und gebe diesem eine ID, um darauf zugreifen zu können 🙂
NACHTRAG: In ExtJS kann man natürlich auch einfach den Parameter loadScripts von Ext.Element.update() nutzen 😀