Flask からテンプレート内の JavaScript にデータを渡すにはどうすればよいですか?
- Patricia Arquetteオリジナル
- 2024-10-28 13:01:30794ブラウズ
Flask からテンプレート内の JavaScript にデータを渡す
Flask では、Python コードからテンプレート内の JavaScript コードにデータを渡すことができます。これは、マップやチャートなどのインタラクティブな要素を設定する場合に便利です。
標準的なアプローチ
基本的な方法には、テンプレート内で {{ variable }} を使用することが含まれます。これには、Python コードの任意の値を含めることができます。例:
# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)
# HTML template
<head>
<script>
var someJavaScriptVar = '{{ geocode[1] }}';
</script>
</head>
tojson フィルターの使用
Jinja2 は tojson フィルターも提供します。これを使用して、Python オブジェクトを JSON 文字列に変換し、JavaScript に直接渡すことができます。
# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)
# HTML template
<head>
<script>
var myGeocodeObj = {{ geocode|tojson }};
</script>
</head>
高度な使用法
Jinja2 は、JavaScript を構築するための他のさまざまな機能をサポートしています。ループや条件文を含むコード。詳細については、Jinja2 のドキュメントを参照してください。
以上がFlask からテンプレート内の JavaScript にデータを渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。