Bagaimana untuk Menghantar Data dari Flask ke JavaScript dalam Templat?-tutorial js-php.cn

Bagaimana untuk Menghantar Data dari Flask ke JavaScript dalam Templat?

Susan Sarandon

Lepaskan： 2024-10-31 02:29:29

asal

599 orang telah melayarinya

How to Pass Data from Flask to JavaScript in Templates?

Mengirim Data dari Flask ke JavaScript dalam Templat

Apabila bekerja dengan Flask, selalunya perlu menghantar data dari hujung belakang ke bahagian hadapan untuk manipulasi oleh JavaScript. Ini boleh dicapai melalui templat pemaparan.

Mengirim Data ke JavaScript

Enjin templat Jinja2 yang digunakan oleh Flask membolehkan kami mengakses pembolehubah Python terus dalam templat. Untuk menghantar pembolehubah daripada Python kepada JavaScript, cukup sertakan dengan pendakap kerinting berganda {{ }}:

<code class="html"><head>
  <script>
    var myVariable = '{{ my_python_variable }}';
  </script>
</head></code>

Salin selepas log masuk

Contoh: Melepasi Data Geospatial

Pertimbangkan senario berikut di mana kita ingin lulus kamus geokoordinat ke API Peta Google dalam templat:

<code class="python"># Assuming 'events' is a dictionary
geocode = event['latitude'], event['longitude']
return render_template('my_template.html', geocode=geocode)</code>

Salin selepas log masuk

Untuk menjadikan data ini tersedia dalam JavaScript, kami boleh menggunakan Jinja2:

<code class="html"><head>
  <script>
    var lat = '{{ geocode[0] }}';
    var lng = '{{ geocode[1] }}';
  </script>
</head></code>

Salin selepas log masuk

Alternatif: Menggunakan Penapis tojson

Jinja2 menawarkan penapis tojson yang menukar objek Python kepada rentetan JSON, yang boleh dibenamkan terus ke dalam pembolehubah JavaScript:

<code class="html"><script>
  var geocode = {{ geocode|tojson }};
</script></code>

Salin selepas log masuk

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