how to include javascript in a JSON string?

Question

Ok. Not sure this is a good idea. I'm building a template which passes a JSON config to a Javascript file assembling the template.

For links I need to include some logic how to build them in my JSON config. I would have to call this:

path.href.replace( /.*view=/, "" ) + ".cfm?id="+content.vcard.adresses[1]["iln/gln"]

Which in my config JSON:

<ul data-template="true" data-config='{  
    "type":"listview",
    "link":"path.href.replace( /.*view=/, '' ) + '.cfm?id='+content.vcard.adresses[1]['iln/gln']",
    "iconpos":"right"
    }'></ul>

Will not work because of quotation-mark-mess, so the JSON is valid, but wrapping it in single quotes messes the HTML up.

Question:
Is there any way to pass this without breaking the HTML? Since it's a template I would like to keep the javascript logic as clean as possible = not put in custom methods for every template instance. So I would like to keep the method call here.

Thanks!

score 1 · Accepted Answer · 2012-12-11 06:38:53Z

1

You can escape quotation marks using the ' HTML entity:

<ul data-template="true" data-config='{  
    "type":"listview",
    "link":"path.href.replace( /.*view=/, &#39;&#39; ) + &#39;.cfm?id=&#39;+content.vcard.adresses[1][&#39;iln/gln&#39;]",
    "iconpos":"right"
    }'></ul>

Here is a demonstration: http://jsfiddle.net/fVLPd/

edited Dec 11, 2012 at 6:38

answered Dec 11, 2012 at 6:26

user1726343

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

5 Comments

frequent Over a year ago

hm. let's see if javascript understands. Thanks so far.

frequent Over a year ago

doesn't work. Throws an error in Jquery: SyntaxError: JSON.parse: expected ',' or '}' after property value in object

frequent Over a year ago

also, does Javascript know how to handle escaped characters? I'm passing the HTML config-JSON to Javascript.

user1726343 Over a year ago

@frequent My bad, you should be using the entity ', not ". " is double quotes

user1726343 Over a year ago

@frequent Added a demonstration as well

Alexei Levenkov · Accepted Answer · 2012-12-11 06:37:13Z

1

Consider using JSON.stringify to build whole JSON string from an object. Than you don't need to worry about incorrectly encoded quotes or trying to encode quotes in some other way.

If you generate the templates server side - use JSON encoder for your server side language...

answered Dec 11, 2012 at 6:37

Alexei Levenkov

101k15 gold badges138 silver badges189 bronze badges

1 Comment

frequent Over a year ago

also a good idea. although I'm just experimenting (need to go application offline eventually), manually building JSON server-side is kind of a drag :-)

Collectives™ on Stack Overflow

how to include javascript in a JSON string?

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related