Rumah  >  Artikel  >  pembangunan bahagian belakang  >  Bagaimana untuk Menghantar Data dari Flask ke JavaScript dalam Templat untuk API Peta Google?

Bagaimana untuk Menghantar Data dari Flask ke JavaScript dalam Templat untuk API Peta Google?

Barbara Streisand
Barbara Streisandasal
2024-11-02 01:31:03171semak imbas

How to Pass Data from Flask to JavaScript in Templates for Google Maps API?

Mengirimkan Data dari Flask ke JavaScript dalam Templat

Gambaran Keseluruhan

Aplikasi Flask anda memerlukan menghantar maklumat daripada kamus Python kepada JavaScript dalam templat, terutamanya untuk API Peta Google.

Penyelesaian

Render_template dalam Flask menyediakan mekanisme untuk menghantar pembolehubah kepada templat untuk pemaparan HTML. Untuk melanjutkan fungsi ini kepada JavaScript, anda boleh memanfaatkan enjin templat Jinja. Begini caranya:

  1. Sertakan Pembolehubah Di Mana-mana: Pembolehubah Jinja boleh digunakan di seluruh templat anda, termasuk bahagian JavaScript.
  2. Tugas Langsung: Tetapkan pembolehubah JavaScript secara langsung menggunakan {{ pembolehubah }}. Sebagai contoh, anda boleh menetapkan longitud kepada pembolehubah JavaScript:
<code class="javascript"><script>
  var longitude = '{{ geocode[1] }}';
</script></code>
  1. Jana Takrif Tatasusunan: Jika anda ingin menghantar tatasusunan kepada JavaScript, jananya sebagai definisi tatasusunan dalam templat anda:
<code class="html">  <script>
    var geocode = ['{{ geocode[0] }}', '{{ geocode[1] }}'];
  </script></code>
  1. Gunakan Konstruk Jinja: Jinja menawarkan binaan yang lebih maju. Sebagai contoh, anda boleh memendekkan definisi tatasusunan menggunakan penapis gabungan:
<code class="html"><script>
  var geocode = [{{ ', '.join(geocode) }}];
</script></code>
  1. Pertimbangkan Penapis tojson: Untuk struktur data yang lebih kompleks, gunakan penapis tojson untuk tukar kamus dan senarai kepada rentetan JSON untuk penggunaan JavaScript:
<code class="html">  <script>
    var geocode = {{ geocode | tojson }};
  </script></code>

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Data dari Flask ke JavaScript dalam Templat untuk API Peta Google?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn