Bagaimanakah Saya Boleh Menghantar Data dari Flask ke JavaScript dalam Templat?

Mengirim Data dari Flask ke JavaScript dalam Templat

Dalam aplikasi Flask, keperluan biasa adalah untuk menghantar data daripada Python ke JavaScript dalam templat. Data ini boleh berasal daripada pertanyaan pangkalan data, respons API atau mana-mana sumber lain.

Satu cara untuk mencapainya ialah melalui Jinja2, enjin templat yang digunakan oleh Flask. Jinja2 menyediakan cara untuk membenamkan ungkapan Python dalam templat HTML. Dengan melampirkan ungkapan dalam pendakap kerinting berganda ({{ ) dan ( }}), adalah mungkin untuk mengakses pembolehubah, melaksanakan operasi dan juga melaksanakan struktur kawalan.

Untuk menghantar pembolehubah Python kepada JavaScript, anda hanya boleh memasukkan ia dalam teg skrip dalam templat anda. Sebagai contoh, katakan anda mempunyai senarai tupel yang mewakili koordinat geografi yang disimpan dalam pembolehubah geokod. Anda boleh menghantarnya kepada JavaScript seperti berikut:

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

Jinja2 menawarkan ciri tambahan yang meningkatkan penyepaduan antara Python dan JavaScript. Satu penapis yang berguna ialah tojson(), yang menukar objek Python kepada format JSON. Penapis ini amat berguna untuk menghantar struktur data yang kompleks kepada JavaScript.

Berikut ialah contoh menggunakan tojson():

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

Setelah data dihantar ke JavaScript, anda boleh mengakses dan memanipulasi ia menggunakan jenis dan kaedah data asli JavaScript.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghantar Data dari Flask ke JavaScript dalam Templat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!