Best practice for embedding arbitrary JSON in the DOM?

by

I think your original method is the best. The HTML5 spec even addresses this use:

“When used to include data blocks (as opposed to scripts), the data
must be embedded inline, the format of the data must be given using
the type attribute, the src attribute must not be specified, and the
contents of the script element must conform to the requirements
defined for the format used.”

Read here: http://dev.w3.org/html5/spec/Overview.html#the-script-element

You’ve done exactly that. What is not to love? No character encoding as needed with attribute data. You can format it if you want. It’s expressive and the intended use is clear. It doesn’t feel like a hack (e.g. as using CSS to hide your “carrier” element does). It’s perfectly valid.

More Related Contents:

  1. How to serialize DOM node to JSON even if there are circular references?
  2. How to find event listeners on a DOM node in JavaScript or in debugging?
  3. Chrome extension – retrieving global variable from webpage
  4. JS search in object values
  5. C# Web method is not calling in javascript
  6. scrollIntoView Scrolls just too far
  7. How to convert to D3’s JSON format?
  8. In JavaScript, what is the best way to convert a NodeList to an array?
  9. How to avoid no-param-reassign when setting a property on a DOM object
  10. Is there a flexible way to modify the contents of an editable element?
  11. What damage is done by document.write()? [duplicate]
  12. SVG get text element width
  13. React.js: How to append a component on click?
  14. Appending multiple non-nested elements for each data member with D3.js
  15. INVALID_STATE_ERR: DOM Exception 11 (WebKit)
  16. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  17. Can a website block a Chrome Extension? [duplicate]
  18. How to convert selected HTML to Json?
  19. How can I programmatically copy all of the style attributes from one DOM element to another
  20. Is window.document ever null or undefined?
  21. How to reduce the length of a video using JavaScript? [closed]
  22. Accessing a JSON property (String) using a variable
  23. Best practice to avoid memory or performance issues related to binding a large number of DOM objects to a click event
  24. How to get computed style of a HTMLElement
  25. Why I cant use jQuery functionality
  26. Do events handlers on a DOM node get deleted with the node?
  27. What’s wrong with adding properties to DOM Element objects?
  28. Cannot create a string longer than 0x1fffffe8 characters in JSON.parse?
  29. create a HTMLCollection
  30. Django: passing JSON from view to template

Leave a Comment