jQuery. How to execute script loaded from JSON?

Question

I have file like this:

{'html' : '<div id="bla">something</div>',
 'script' : ' $().ready(function() { /* some code */});' }

I need to load it with jQuery and execute the 'script' variable. I know about $.getScript, but I need to run the script not from URL, but from part of JSON file. Otherwise I would need to do 2 heavy requests to server instead of one (javascript code is not static).

Is there a way to do so?

possible duplicate : http://stackoverflow.com/questions/2212478/passing-javascript-code-in-json — yoda, Aug 05 '11 at 08:02
It looks like the json string is malformed. I just run it against: http://jsonlint.com/ — Vasilij Nevlev, Mar 11 '15 at 11:25

score 3 · Accepted Answer · answered Aug 05 '11 at 08:03

3

At first parse:

var obj = $.parseJSON(jsonString);

Then prepare div for HTML:

<div id="forHtml">
</div>

And run your code:

$('#forHtml').html(obj.html);
eval(obj.script);

answered Aug 05 '11 at 08:03

Sergey Metlov

25,747
28
93
153

score 1 · Answer 2 · answered Aug 05 '11 at 08:02

1

You can either use JavaScript's eval(script), or the jQuery.globalEval(script) if you need to:

http://www.w3schools.com/jsref/jsref_eval.asp

http://api.jquery.com/jQuery.globalEval/

answered Aug 05 '11 at 08:02

Stephen Wood

806
5
5

jQuery. How to execute script loaded from JSON?

2 Answers2