Passing JSON data from php to html-data attribute and then to Javascript

by

You need to escape data and handle special characters.

<div data-side="front" data-params="<?php echo htmlspecialchars(json_encode($dataParams), ENT_QUOTES, 'UTF-8'); ?>">

And get it with jQuery:

$('[data-side="front"]').data('params'); // object

or javascript

JSON.parse(document.querySelector('[data-side="front"]').dataset.params); // object

More Related Contents:

  1. How to convert HTML to JSON using PHP?
  2. How to send data to the server via Ajax?
  3. jQuery append function is just appending the html but not the classes related to it
  4. How to hide css and js version details from weppalyzer in PHP
  5. My games being hacked easily by right click inspect. How can i prevent this?
  6. Displaying selected dropdown option [closed]
  7. PHP get contents of a div, and echo the div contents in same page
  8. HTML: how refresh information in [closed]
  9. How could I make a calendar? [closed]
  10. Download the text over image using jquery
  11. HTML Form Submit pass array to PHP [closed]
  12. Dynamic page load can’t load Java with page
  13. Parsing JSON objects for HTML table
  14. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  15. “Mixed content blocked” when running an HTTP AJAX operation in an HTTPS page
  16. How to prevent page from reloading after form submit – JQuery
  17. How can I use JSON data to populate the options of a select box?
  18. How to convert html table to excel with multiple sheet?
  19. how to assign javascript variable value to php variable
  20. How to replace html element with ajax response?
  21. jQuery AJAX Call to PHP Script with JSON Return
  22. Trying to load local JSON file to show data in a html page using JQuery
  23. html download attribute redirects to url instead of downloading
  24. IE10/11 Ajax XHR error – SCRIPT7002: XMLHttpRequest: Network Error 0x2ef3
  25. How to get the JSON with duplicate keys completely in javascript
  26. How do I edit PHP variable with JavaScript/jQuery?
  27. How do I refresh a DIV content?
  28. Creating a JSON dynamically with each input value using jquery
  29. Using JSONP to get JSON data from another server
  30. How to replace the entire html webpage with ajax response?

Leave a Comment