Passing variables from Flask to JavaScript

by

The mobiusklein answers is pretty good, but there is “hack” you should consider. Define your Javascript method to receive params and send data as params to your function.

main.py

@app.route("https://stackoverflow.com/")
def hello():
    data = {'username': 'Pang', 'site': 'stackoverflow.com'}
    return render_template('settings.html', data=data)

app.js

function myFunc(vars) {
    return vars
}

settings.html

<html>
    <head>
         <script type="text/javascript" {{ url_for('static', filename="https://stackoverflow.com/questions/37259740/app.js")}}></script>
         <script type="text/javascript">
            myVar = myFunc({{data|tojson}})
         </script>
    </head>
</html>

More Related Contents:

  1. JavaScript raises SyntaxError with data rendered in Jinja template
  2. Display data streamed from a Flask view as it updates
  3. How can I pass data from Flask to JavaScript in a template?
  4. Flask – Calling python function on button OnClick event
  5. Pass parameter with Python Flask in external Javascript
  6. Rendering to JS with Jinja produces invalid number rather than string
  7. Pass JavaScript variable to Flask url_for
  8. Update and render a value from Flask periodically
  9. Display the contents of a log file as it is updated
  10. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  11. Solve Cross Origin Resource Sharing with Flask
  12. How can I pass parameter through serialization and then parse them using external JavaScript?
  13. Unable to pass jinja2 variables into javascript snippet
  14. Flask Dynamic data update without reload page
  15. Get data from html and and pass the data back to the front end using ajax or js
  16. Python Flask Cors Issue
  17. Can a website detect when you are using Selenium with chromedriver?
  18. Can scrapy be used to scrape dynamic content from websites that are using AJAX?
  19. JSON datetime between Python and JavaScript
  20. JavaScript parser in Python [closed]
  21. CORS error on same domain?
  22. Passing Python Data to JavaScript via Django
  23. Python: Unable to download with selenium in webpage
  24. Javascript equivalent of Python’s locals()?
  25. How to convert from UTM to LatLng in python or Javascript
  26. How to pass a list from Python, by Jinja2 to JavaScript
  27. How to find horizon line efficiently in a high-altitude photo?
  28. How to redirect the user to another page after login using JavaScript Fetch API?
  29. How can I scrape a page with dynamic content (created by JavaScript) in Python?
  30. sending data as JSON object from Python to Javascript with Jinja [duplicate]

Leave a Comment