Bagaimanakah Saya Boleh Menghantar Data dari Flask ke JavaScript dalam Templat?-Tutorial Python-php.cn

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

Patricia Arquette

Lepaskan： 2024-10-28 13:01:30

asal

790 orang telah melayarinya

How Can I Pass Data from Flask to JavaScript in Templates?

Mengirim Data dari Flask ke JavaScript dalam Templat

Dalam Flask, anda boleh menghantar data daripada kod Python anda kepada kod JavaScript dalam templat anda. Ini berguna untuk mengisi elemen interaktif seperti peta atau carta.

Pendekatan Standard

Kaedah asas melibatkan penggunaan {{ pembolehubah }} dalam templat anda, yang boleh mengandungi sebarang nilai daripada kod Python anda. Contohnya:

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode)

Salin selepas log masuk

# HTML template
<head>
  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>
</head>

Salin selepas log masuk

Menggunakan Penapis tojson

Jinja2 juga menyediakan penapis tojson. Ini boleh digunakan untuk menukar objek Python kepada rentetan JSON, yang boleh dihantar terus ke JavaScript:

# Python code
geocode = (latitude, longitude)
return render_template('get_data.html', geocode=geocode|tojson)

Salin selepas log masuk

# HTML template
<head>
  <script>
    var myGeocodeObj = {{ geocode|tojson }};
  </script>
</head>

Salin selepas log masuk

Penggunaan Lanjutan

Jinja2 menyokong pelbagai ciri lain untuk membina JavaScript kod, termasuk gelung dan pernyataan bersyarat. Untuk maklumat lanjut, rujuk dokumentasi Jinja2.

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!