如何在Ajax请求中包含Javascript脚本标签？

Question

I'm using MooTools 1.4. How do I dynamically include script tags on my page? The response from the Ajax requset below is supposed to contain tags ...

window.addEvent('domready', function() {
    $('submit').addEvent('click', function(event) {
        var filename = $('filename').value;
        //prevent the page from changing
        event.stop();
        //make the ajax call
        var req = new Request({
            method: 'get',
            url: 'renderpage?id=' + escape(filename),
            data: { },
            evalScripts: true,
            onRequest: function() { 
                // on request
            },
            onComplete: function(response) {
                $('content').set('html',response);
                // Add the Ajax call where we save the data.
                ...
                });
            }
        }).send();
    }); 
});

But when I look at the response, they are getting stripped out. I would like them included and evaluated. How can I do this?

Answer 1

Use Request.HTML .

    var req = new Request.HTML({
        url: 'renderpage?id=' + escape(filename),
        update: $('content'),
        onRequest: function() { 
            // on request
        }
    }).get();

Answer 2

You could return the entire response as JS, and eval the response;

Then you can set the html to some variable in the response, like

var new_html='(html)';

Then you can do this

$('content').set('html',new_html);

Answer 3

The parameters passed to onComplete are:

nodeTree, xhr, responseHTML, responseScripts

So:

new Request.HTML({
  // ...
  onComplete : function(nodeTree, xhr, responseHTML, responseScripts) {
    eval(responseScripts);
  }
});