Rumah > Artikel > pembangunan bahagian belakang > Bagaimanakah Saya Boleh Menghantar Data dari Flask ke JavaScript dalam Templat?

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

Patricia Arquetteasal: 2024-10-28 13:01:30794semak imbas

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)

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

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)

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

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!

Python JavaScript flask json String Object for Filter using Conditional this

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

Artikel sebelumnya：Bolehkah Anda Membekukan Kamus dalam Python?Artikel seterusnya：Bolehkah Anda Membekukan Kamus dalam Python?

Artikel berkaitan

Lihat lagi