Best way to store JSON in an HTML attribute?

by

The HTML does not have to validate.

Why not? Validation is really easy QA that catches lots of mistakes. Use an HTML 5 data-* attribute.

The JSON object could be any size (i.e. huge).

I’ve not seen any documentation on browser limits to attribute sizes.

If you do run into them, then store the data in a <script>. Define an object and map element ids to property names in that object.

What if the JSON contains special characters? (e.g. {test: ‘<“myString/>’})

Just follow the normal rules for including untrusted data in attribute values. Use &amp; and &quot; (if you’re wrapping the attribute value in double quotes) or &#x27; (if you’re wrapping the attribute value in single quotes).

Note, however, that that is not JSON (which requires that property names be strings and strings be delimited only with double quotes).

More Related Contents:

  1. How to convert HTML to JSON using PHP?
  2. Passing JSON data from php to html-data attribute and then to Javascript
  3. Add new row in html dynamically using jQuery
  4. How to send data to the server via Ajax?
  5. jQuery append function is just appending the html but not the classes related to it
  6. How to Protect website code PHP / JS? [closed]
  7. HTML: how refresh information in [closed]
  8. How to get 100% ADA compliance result in accessibility checker website https://webaccessibility.com? [closed]
  9. what is better to represent news in html [closed]
  10. HTML Form Submit pass array to PHP [closed]
  11. HTML and PHP in js
  12. how i can connect and login in mysql localhost in php by using this html code
  13. Submit form without page reloading
  14. Convert json data to a html table [closed]
  15. Parsing JSON objects for HTML table
  16. JavaScript does not fire after appending [duplicate]
  17. How to send a JSON object using html form data
  18. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  19. how to use json file in html code
  20. How to convert html table to excel with multiple sheet?
  21. For a push notification, is a websocket mandatory?
  22. json_encode not preserving order
  23. send json object from javascript to php
  24. JSON.stringify output to div in pretty print way
  25. Load JSON content from a local file with http.get() in Angular 2
  26. How to access data of uploaded JSON file?
  27. How to get the JSON with duplicate keys completely in javascript
  28. Cross-Origin resource sharing and file://
  29. Rename Object Key in an array using javascript
  30. Embedding youtube video “Refused to display document because display forbidden by X-Frame-Options”

Leave a Comment