I referenced this helpful post on Stack Overflow to transfer data from Flask to a JS file.
Flask:
@app.route('/')
def home():
content = "Hello"
return render_template('index.html', content=content)
HTML
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script src='static/app.js'></script>
<meta id="my-data" data-name="{{content}}">
</body>
JS/JQuery
var djangoData = $('#my-data').data();
I attempted using
var djangoData = $('#my-data').data('content');typeof djangoData
"undefined"
In the console.
I'm also interested in knowing if this approach is still recommended as best practice, or if there are better ways to send data from FLASK to JS.
Thanks :)