Flask からテンプレート内の JavaScript にデータを渡すにはどうすればよいですか?

Flask からテンプレート内の JavaScript にデータを渡す

Flask では、Python コードからテンプレート内の JavaScript コードにデータを渡すことができます。これは、マップやチャートなどのインタラクティブな要素を設定する場合に便利です。

標準的なアプローチ

基本的な方法には、テンプレート内で {{ variable }} を使用することが含まれます。これには、Python コードの任意の値を含めることができます。例:

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)

# HTML template

  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>

tojson フィルターの使用

Jinja2 は tojson フィルターも提供します。これを使用して、Python オブジェクトを JSON 文字列に変換し、JavaScript に直接渡すことができます。

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)

# HTML template

  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>

高度な使用法

Jinja2 は、JavaScript を構築するための他のさまざまな機能をサポートしています。ループや条件文を含むコード。詳細については、Jinja2 のドキュメントを参照してください。

以上がFlask からテンプレート内の JavaScript にデータを渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。