execute ajax loaded javascript code

Question

I am loading piece of page that contains some javascript code as well, and $.getScript() approach wont work here as some of the javascript code is dynamically build through php.

<div id="fetch-me">
...
<script...>
var posts = <?php .... ?> 
...
</script>
</div>

As you might be familiar with this kind of issue, once I load this div with:

$("#load-me").load("... #fetch-me");

Javascript is not usable. I need to execute obviously. And I've tried few things but with no success. As an example this:

$("#load-me").load("... #fetch-me", function(){
 eval($("#load-me").find("script").text());
});

Any help appreciated, thanks.

gen_Eric · Accepted Answer · 2012-05-01 19:09:08Z

1

load will return you the data it loaded in its callback. Try to get the script(s) and append them to a <script> tag.

$("#load-me").load("... #fetch-me", function(data){
    $('<script>').html($(data).filter('script').html()).appendTo('head');
});

If there are multiple script tags in the loaded page, that may not work. If that's the case, try this:

$("#load-me").load("... #fetch-me", function(data){
    $(data).filter('script').each(function(){
        $('<script>').html($(this).html()).appendTo('head');
    });
});

P.S. If this doesn't work, try changing .filter to .find.

answered May 1, 2012 at 19:09

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

daniel.tosaba Over a year ago

I have only one script tag one that page, but unfortunately your first solution with neither filter nor find will append it to head.

daniel.tosaba Over a year ago

Sorry man, my mistake. There were multiple script tags so I had to use 2nd solution it works like a treat. Many many thanks for your help!!

Meliborn · Accepted Answer · 2012-05-01 19:08:55Z

0

Did you added quotes to string variables in javascript?

var posts = "<?php .... ?>"

answered May 1, 2012 at 19:08

Meliborn

6,6756 gold badges38 silver badges55 bronze badges

4 Comments

gen_Eric Over a year ago

This isn't needed if you did var posts = <?php echo json_encode($x); ?>.

gen_Eric Over a year ago

This also isn't needed if the value was a number: var posts = <?php echo $a/$b; ?>.

Meliborn Over a year ago

I wrote, only if string value.

daniel.tosaba Over a year ago

This is not an issue as this cod works perfect on page itself. Issue is to execute it after loaded with AJAX. Thanks

Ramón · Accepted Answer · 2012-05-01 19:13:47Z

0

You can do it like this:

$.get("page.php", function(data){
    //data is the information that page.php returns
    //Now instead of use this --> var posts = <?php .... ?>
    //do this:
    var post = data;
});

answered May 1, 2012 at 19:13

Ramón

212 bronze badges

1 Comment

gen_Eric Over a year ago

I assume there's more code in the <script> tag than just var posts = <?php .... ?>.

Collectives™ on Stack Overflow

execute ajax loaded javascript code

3 Answers 3

2 Comments

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related