Flask からテンプレート内の JavaScript にデータを渡すにはどうすればよいですか?-Python チュートリアル-php.cn

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

Patricia Arquette

リリース： 2024-10-28 13:01:30

オリジナル

959 人が閲覧しました

How Can I Pass Data from Flask to JavaScript in Templates?

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>

ログイン後にコピー

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 サイトの他の関連記事を参照してください。