Saving JS object in html data atribute

Question

How come this:

data-something='{property:1}'

doesnt work, but this

data-something='{"property":1}'

does. Does it

JSON Spec...

War10ck
– War10ck

2013-03-04 22:05:16 +00:00
Commented Mar 4, 2013 at 22:05 — War10ck
– War10ck, Commented Mar 4, 2013 at 22:05

cdhowie · Accepted Answer · 2013-03-04 22:08:14Z

5

Because JSON requires that object keys be quoted. This is mandated by the JSON specification; accepting non-quoted keys would mean that the implementation is not JSON-compliant.

This decision was made to side-step the issue of reserved keywords in JavaScript. It was desired that valid JSON also be a valid JavaScript expression, and to make that happen you would have to quote keys like return and function. To simplify specification of the JSON language, it was decided to require that all keys be quoted rather than maintain a list of keys that must be quoted and thereby complicate the JSON grammar (as well as tie the JSON language more closely to the JavaScript language than would otherwise be required).

edited Mar 4, 2013 at 22:08

answered Mar 4, 2013 at 22:03

cdhowie

172k25 gold badges303 silver badges324 bronze badges

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

Collectives™ on Stack Overflow

Saving JS object in html data atribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related