【flask, javascript】flaskからhtml, javascriptに変数を渡す

flaskからhtml、javascriptに変数を渡す方法をメモしておきます。

flask からhtmlへ変数を渡す

まずflask側から単純にxという変数を渡すコードは以下のようになります。

from flask import *

@app.route("/", methods=["GET", "POST"])
def index():
     x = 10
     return render_template("index.html",x=x)

html, javascript側で変数を受け取る

html側でflaskから受け取ったxを取得してみます。

{{x}}

javascript側では以下のようにflaskから受け取ったxを取得します。

var x = {{x|tojson}}