Rumah > hujung hadapan web > tutorial js > Bolehkah saya Mengakses Pembolehubah Templat Django dari Dalam JavaScript?

Bolehkah saya Mengakses Pembolehubah Templat Django dari Dalam JavaScript?

DDD
Lepaskan: 2024-12-25 05:24:13
asal
401 orang telah melayarinya

Can I Access Django Template Variables from Within JavaScript?

Mengakses Pembolehubah Templat Django dalam JavaScript

Dalam templat Django, anda boleh menghantar kamus pembolehubah kepada kod bahagian hadapan anda menggunakan sintaks {{ pembolehubah }}. Walau bagaimanapun, anda mungkin menghadapi situasi di mana anda perlu mengakses pembolehubah ini dalam JavaScript, dalam teg, untuk interaksi dinamik.

Bolehkah anda Mengakses Pembolehubah Templat Django dalam JavaScript?

Malangnya, sintaks {{ pembolehubah }} hanyalah arahan peringkat templat yang digunakan untuk memaparkan nilai dalam HTML. Ia bukan pembolehubah atau objek yang boleh diakses dalam JavaScript.

Penyelesaian: Benamkan Pembolehubah ke dalam JavaScript

Untuk mengakses pembolehubah templat Django dalam JavaScript, anda boleh membenamkannya terus ke dalam JavaScript anda kod:

<script type="text/javascript">
    var a = "{{ someDjangoVariable }}";
</script>
Salin selepas log masuk

Pendekatan ini membolehkan anda menghantar nilai someDjangoVariable ke dalam pembolehubah JavaScript, menjadikannya tersedia dalam blok.

Nota:

Ingat bahawa nilai terbenam akan dipaparkan sebagai teks biasa dalam sumber HTML anda. Jika pembolehubah anda mengandungi maklumat sensitif, anda harus mengendalikan pembenaman dengan berhati-hati.

Atas ialah kandungan terperinci Bolehkah saya Mengakses Pembolehubah Templat Django dari Dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan