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

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

  <script>
    var someJavaScriptVar = '{{ geocode[1] }}';
  </script>

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

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

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!