Bagaimanakah Saya Boleh Mengakses Pembolehubah Templat Django dalam Kod JavaScript Saya?

Mengakses Pembolehubah Templat Django dalam JavaScript

Apabila mencipta aplikasi web dinamik dengan Django, anda mungkin menghadapi keperluan untuk menggunakan pembolehubah yang ditakrifkan dalam paparan berfungsi dalam kod JavaScript anda. Artikel ini menerangkan cara untuk mengakses pembolehubah ini daripada <skrip> templat HTML; tag.

Mekanisme pemaparan templat Django menggantikan pembolehubah dengan nilai masing-masing, dengan berkesan membenamkannya ke dalam HTML yang diberikan. Ini bermakna pembolehubah tidak boleh diakses secara langsung sebagai "pembolehubah" dalam JavaScript, kerana ia hanya digantikan ke dalam teks HTML.

Untuk mengakses pembolehubah ini dalam JavaScript, anda boleh menggunakan teknik yang dikenali sebagai "penggantian literal templat. " Ini melibatkan membenamkan pembolehubah Django dalam literal rentetan yang ditulis dalam kod JavaScript.

Sebagai contoh, pertimbangkan templat Django berikut:

<template>
  <script>
    var myVar = "{{ myValue }}";
  </script>
</template>

Dalam contoh ini, pembolehubah myValue ditakrifkan dalam fungsi paparan akan digantikan dengan nilai sebenar dan dibenamkan ke dalam pembolehubah JavaScript myVar. Ini membolehkan anda bekerja dengan pembolehubah secara langsung dalam JavaScript.

Perhatikan bahawa penggantian literal templat berfungsi hanya apabila rentetan disertakan dalam tanda belakang (``), iaitu standard ES6 untuk membenamkan ungkapan dalam rentetan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Pembolehubah Templat Django dalam Kod JavaScript Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!