Bagaimana untuk Membetulkan SyntaxErrors JavaScript Apabila Menghuraikan Data JSON yang Dihasilkan Jinja?

JavaScript SyntaxRalat dengan Jinja-Rendered Data

Masalah: Apabila cuba menghuraikan data JSON yang diberikan dalam Templat HTML Jinja menggunakan JavaScript, SyntaxError ditemui, menunjukkan token '&' yang tidak dijangka.

Punca: Persekitaran Jinja Flask secara automatik melepaskan data yang diberikan dalam templat HTML atas sebab keselamatan. Ini bermasalah apabila menghantar objek JSON ke JavaScript, kerana aksara yang dilepaskan mengganggu penghuraian.

Penyelesaian: Gunakan Penapis tojson Flask atau Penanda untuk Menandai Data sebagai Selamat

Untuk selesaikan isu ini, gunakan penapis tojson Flask, yang membuang data ke dalam JSON dan menandakannya selamat untuk dipaparkan dalam JavaScript.

return render_template("template.html", data=tree|tojson)

Pendekatan Alternatif:

• Penapis Selamat (tidak digunakan): Penapis ini, walaupun tidak digunakan, menandakan data sebagai selamat tanpa JSON penukaran.

var data = {{ tree|safe }};

• Pembungkus Penanda: Membungkus rentetan JSON dalam Penanda sebelum pemaparan adalah bersamaan dengan penapis selamat.

return render_template("template.html", data=Markup(json.dumps(tree)))

Data Python Langsung Penggunaan:

Jika data yang diberikan tidak bertujuan untuk JavaScript, pertimbangkan untuk menghantar data Python secara langsung tanpa menggunakan penukaran atau penapis JSON.

return render_template("template.html", data=tree)

Pelaksanaan:

Dalam templat Jinja:

var data = {{ data }};

for (i in obj) {
   document.write(obj[i].text + "<br />");
}

Sebagai alternatif, data Jinja boleh digunakan terus tanpa penghuraian JavaScript:

{% for item in tree %}
    <li>{{ item }}</li>
{% endfor %}

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan SyntaxErrors JavaScript Apabila Menghuraikan Data JSON yang Dihasilkan Jinja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!