Flask から HTML に値を渡す場合
Jinja2 Template を使った HTML に Flask から値を渡す場合は
app.py
return render_template('index.html', name='りんご', price=100)
index.html
<body>
<p> {{ name }} は {{ price }} 円 </p>
</body>
output
りんごは100円
Javascript で値や辞書を利用したい場合
Javascriptで値を利用したい場合は以下のように <script> タグの中で変数に代入
Python の Dictionary型 を渡したいときは json.dumps() で JSON に変換可能
app.py
fruit = {'name':'りんご', 'price':100}
return render_template('index.html', fruit=json.dumps(fruit))
JSONの場合は勝手にエスケープされてしまうことを防ぐために
safe オプションを追加します。
index.html
<head>
<script> let fruit = {{ fruit|safe }} </script>
<script src="static/js/main.js"></script>
</head>
main.js
console.log(`${fruit.name}は${fruit.price}円`);
output
りんごは100円