Execute Javascript loaded via AJAX [duplicate]

Question

Possible Duplicate:
How do you execute a dynamically loaded JavaScript block?

I have seen many questions like mine here, but I didn't find an answer which is fitting for me.

I'm loading Code via AJAX, also including a script Tag including Javascript. As I already found out, this Javascript is not executed.

I also found out that eval() can help me, but as I'm a noob in Javascript and just need it for this one time, I have no idea where exactly to put it.

My PHP script is returning a string which I split with Javascript to put it into different parts of the page. This is working fine. One of the parts consists of this:

<div id=\"fb-root\"></div> <script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = \"//connect.facebook.net/de_DE/all.js#xfbml=1\";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>

Included like this:

document.getElementById("id").innerHTML=response1;

Where response1 is the variable where I have put the code from above after splitting the string. Anyone able to help me in a noob, easy way?

If you can modify the server, you can make it sends the code in script part separately (e.g. JSON, different field), and execute eval on the received code. Not sure if this is good practice, though (using eval part). — nhahtdh
– nhahtdh, Commented Aug 18, 2012 at 18:21
how come this answer does not solve your problem? stackoverflow.com/questions/75943/… — Shiplu Mokaddim
– Shiplu Mokaddim, Commented Aug 18, 2012 at 18:27
it could, but it would be better if it would be the same div. and as i said, im not familiar with javascript so it would be better for me if it would be a thing fitting my code from above. — Laura
– Laura, Commented Aug 18, 2012 at 18:32

Guillaume le Floch · Accepted Answer · 2012-08-18 18:34:44Z

9

You can use eval(). You have to give an ID to your script:

<script id='script'>
     some javascript
</script>

And then after loading your ajax response, for loading the script you add this line:

eval(document.getElementById('script').innerHTML);

Good luck!

answered Aug 18, 2012 at 18:34

Guillaume le Floch

1,0932 gold badges11 silver badges23 bronze badges

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

2 Comments

Laura Over a year ago

thanx. This works and even me I understand it!

Jason Nichols Over a year ago

You my friend, are a freaking genius!

Collectives™ on Stack Overflow

Execute Javascript loaded via AJAX [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related