How to execute javascript inside a script tag returned by an ajax response

Question

I'm sending a jquery get request like so:

$.get($(this).attr("href"), $(this).serialize(), null, "script");

The response I expect to receive will be wrapped in script tags.

I understand the browser doesn't execute the response unless its returned without the script tags. Normally I would remove the tags from the response but in this situation I don't have access to the code running on the remote machine so cannot strip out the tags at the source.

Is there a way I can strip out the script tags from the response client side and execute the javascript?

Answer 1

If I understand your question right, this should suffice to get the text out of the script tags:

$(response).text()

Answer 2

Say our response is in the 'response' var:

script = response.replace(/<script>(.*)<\/script>/, "$1"); // Remove tags
eval(script); // Execute javascript

Answer 3

Would this help you: http://docs.jquery.com/Ajax/jQuery.getScript ?

Answer 4

You should be able to do the following:

$.get($(this).attr("href"), $(this).serialize(), function(data){
   script = $(data).text();
   eval(script);
});

Answer 5

Or var myScript = new Function($('script#myscript',responseText).text()); myScript();