Bagaimanakah saya boleh menghantar data khusus daripada kamus Flask ke JavaScript dalam templat HTML?

Mengirim Data dari Flask ke JavaScript dalam Templat

Aplikasi anda menggunakan API untuk mendapatkan semula data yang disimpan dalam kamus. Matlamat anda adalah untuk menghantar maklumat khusus, iaitu koordinat longitud dan latitud, daripada kamus ini kepada JavaScript dalam paparan. Untuk memahami cara ini boleh dicapai, adalah penting untuk memahami proses Flask menghantar pembolehubah kepada templat.

Flask menggunakan fungsi render_template untuk menghantar pembolehubah kepada templat yang dipaparkan dalam penyemak imbas. Menggunakan enjin templat Jinja2, pembolehubah ini boleh diakses dan dipaparkan dalam penanda HTML.

Untuk menjadikan pembolehubah tersedia kepada JavaScript, anda boleh menggunakan keupayaan Jinja2 untuk membenamkan ungkapan Python terus ke dalam templat anda. Hanya sertakan nama pembolehubah dalam pendakap kerinting berganda ({{ variable_name }}). Sebagai contoh, anda boleh menghantar geokod kepada JavaScript menggunakan coretan kod berikut:

<code class="html"><script>
  var myGeocode = '{{ geocode[1] }}';
</script></code>

Coretan kod ini memberikan nilai geokod[1] kepada pembolehubah JavaScript myGeocode. Ambil perhatian bahawa anda boleh mengakses sebarang pembolehubah yang dihantar kepada templat menggunakan sintaks ini, tanpa mengira kedudukannya dalam dokumen HTML.

Untuk struktur data yang lebih kompleks seperti senarai, anda boleh menggunakan fungsi join() untuk membina koma -rentetan dipisahkan dan hantarkannya sebagai tatasusunan kepada JavaScript. Berikut ialah contoh:

<code class="html"><script>
  var myGeocode = [{{ ', '.join(geocode) }}];
</script></code>

Atas ialah kandungan terperinci Bagaimanakah saya boleh menghantar data khusus daripada kamus Flask ke JavaScript dalam templat HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!