sending data as JSON object from Python to Javascript with Jinja [duplicate]

by

The Flask Jinja2 documentation covers this pretty well. The first example under the “Standard Filters” section shows exactly how to embed a JSON object from python into a Javascript script:

<script type=text/javascript>
    doSomethingWith({{ user.username|tojson|safe }});
</script>

So in this case:

var lat_lng = {{ lat_lng|tojson|safe }};

tojson calls dumps on the data, so you should pass the data directly to the template rather than calling dumps on it, otherwise you double-serialize the data and end up with a JSON string.

More Related Contents:

  1. JSON datetime between Python and JavaScript
  2. How can I pass data from Flask to JavaScript in a template?
  3. How to convert raw javascript object to a dictionary?
  4. Rendering to JS with Jinja produces invalid number rather than string
  5. Pass JavaScript variable to Flask url_for
  6. Update and render a value from Flask periodically
  7. How to call python script from NodeJs
  8. Returning JSON array from a Django view to a template
  9. How to pass a list from Python, by Jinja2 to JavaScript
  10. Unable to pass jinja2 variables into javascript snippet
  11. Flask Dynamic data update without reload page
  12. Passing data from Django to D3
  13. How to insert into JSON?
  14. JavaScript raises SyntaxError with data rendered in Jinja template
  15. Is the order of elements in a JSON list preserved?
  16. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  17. Angular 5 Service to read local .json file
  18. How to convert JSON to CSV format and store in a variable
  19. CORS error on same domain?
  20. How might I extract the property values of a JavaScript object into an array?
  21. Is this simple string considered valid JSON?
  22. Solve Cross Origin Resource Sharing with Flask
  23. Best practice for embedding arbitrary JSON in the DOM?
  24. How to redirect the user to another page after login using JavaScript Fetch API?
  25. Retrieving a property of a JSON object by index?
  26. How to loop through JSON array?
  27. How can I get javascript to read from a .json file?
  28. Nested JSON: How to add (push) new items to an object?
  29. How to extract url data from Reddit API using JSON
  30. Get data from html and and pass the data back to the front end using ajax or js

Leave a Comment