Rendering to JS with Jinja produces invalid number rather than string

by

The problem is that 

{{ '1.1.1.1' }}

renders as

1.1.1.1

Quotes are not included. JavaScript tries to parse this as a number and can’t. Fortunately, Flask includes a Jinja filter for this.

var tmp = {{ value|tojson }};

tojson will include quotes around strings and omit them for numeric values. The filtered value, when rendered by Jinja, is valid JavaScript with the correct type.

More Related Contents:

  1. How can I pass data from Flask to JavaScript in a template?
  2. Pass JavaScript variable to Flask url_for
  3. Update and render a value from Flask periodically
  4. Unable to pass jinja2 variables into javascript snippet
  5. Flask Dynamic data update without reload page
  6. JavaScript raises SyntaxError with data rendered in Jinja template
  7. Display data streamed from a Flask view as it updates
  8. Flask – Calling python function on button OnClick event
  9. Pass parameter with Python Flask in external Javascript
  10. Display the contents of a log file as it is updated
  11. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  12. Solve Cross Origin Resource Sharing with Flask
  13. How to pass a list from Python, by Jinja2 to JavaScript
  14. How can I pass parameter through serialization and then parse them using external JavaScript?
  15. Passing variables from Flask to JavaScript
  16. sending data as JSON object from Python to Javascript with Jinja [duplicate]
  17. Get data from html and and pass the data back to the front end using ajax or js
  18. Python Flask Cors Issue
  19. Can a website detect when you are using Selenium with chromedriver?
  20. Can scrapy be used to scrape dynamic content from websites that are using AJAX?
  21. Reference template variable within Jinja expression
  22. JSON datetime between Python and JavaScript
  23. CORS error on same domain?
  24. ElementClickInterceptedException: Message: element click intercepted Element is not clickable error clicking a radio button using Selenium and Python
  25. Understanding execute async script in Selenium
  26. Parse the JavaScript returned from BeautifulSoup
  27. Is there any way to download csv file from “website button click” using Python?
  28. What’s different between Python and Javascript regular expressions?
  29. How to set up Python server side with javascript client side
  30. FastAPI is not returning cookies to React frontend

Leave a Comment