ホームページ > 記事 > ウェブフロントエンド > 質疑応答形式を念頭に置いて、候補となるタイトルをいくつか挙げます。 直接的かつ簡潔: * Flask データをテンプレート内の JavaScript に渡すにはどうすればよいですか? * 緯度/経度を Flask からに渡す
テンプレート内の Flask から JavaScript にデータを渡す
Flask では、Jinja2 を活用することでビューから JavaScript へのデータの統合を実現できます。テンプレートエンジン。 Jinja2 を使用すると、Flask ビューで宣言された変数にテンプレート内でアクセスできます。
経度と緯度の情報を含むタプルのリストを JavaScript に渡すには、テンプレートで Jinja2 の補間を利用するようにビューを変更できます。
<code class="html"><script> var geocode = [{{ ', '.join(geocode) }]; </script></code>
JavaScript コードでは、ジオコード変数を参照して経度と緯度の値にアクセスできます。
または、出力で配列定義を生成できます。
<code class="html"><script> var geocode = ['{{ geocode[0] }}', '{{ geocode[1] }}']; </script></code>
Jinja2 は高度な Python 構造を提供し、コードを簡素化できます。
<code class="html"><script> var geocode = [{{ '"{}, {}"'.format(*geocode) }}]; </script></code>
さらに、Flask は、Python オブジェクトを JavaScript オブジェクトに渡すことができる JSON 文字列に変換する tojson フィルターを提供します。
<code class="html"><script> var geocode = {{ geocode | tojson }}; </script></code>
これらのテクニックを利用すると、Flask ビューからテンプレート内の JavaScript にデータを効果的に転送できます。
以上が質疑応答形式を念頭に置いて、候補となるタイトルをいくつか挙げます。 直接的かつ簡潔: * Flask データをテンプレート内の JavaScript に渡すにはどうすればよいですか? * 緯度/経度を Flask からに渡すの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。