Mengapa JSON.parse Gagal dengan 'SyntaxError: Token tidak dijangka '&'' Apabila Memaparkan Data JSON daripada Templat Jinja?

JavaScript SyntaxError semasa Menyampaikan Data JSON daripada Templat Jinja

Penerangan Isu

Apabila cuba mengulangi data JSON yang diberikan dalam templat Jinja menggunakan JavaScript, penyemak imbas membuang ralat "SyntaxError: Token '&'" yang tidak dijangka. Isu timbul apabila memanggil JSON.parse pada data yang diberikan.

Penyelesaian

Flask's Template Escaping

Flask's Jinja environment menggunakan HTML automatik melarikan diri ke data yang diberikan dalam templat untuk mengurangkan keselamatan risiko. Walau bagaimanapun, pelarian ini boleh mengganggu tafsiran data sebagai JSON.

Kelalang menyediakan penapis tojson untuk menangani isu ini. Ia menukar objek Python kepada JSON dan menandainya sebagai selamat untuk dipapar.

return render_template('tree.html', tree=tree)

Dalam templat:

var tree = {{ tree|tojson }};

Rendering Bukan JSON

Jika data adalah tidak bertujuan untuk penggunaan oleh JavaScript, penapis tojson tidak diperlukan. Pertimbangkan untuk menghantar data Python secara terus dan menggunakannya dalam templat seperti yang diperlukan.

return render_template('tree.html', tree=tree)

Dalam templat:

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

Melumpuhkan Melarikan diri

Jika melarikan diri tidak diperlukan dan anda sudah mempunyai data JSON sebagai rentetan, anda boleh melumpuhkan melarikan diri menggunakan penapis selamat atau Penanda.

Menggunakan Penapis selamat:

return render_template('tree.html', tree=Markup(json.dumps(tree)))

Dalam templat:

var tree = {{ tree }};

Menggunakan Markup:

return render_template('tree.html', tree=json.dumps(tree))

Dalam templat:

var tree = {{ tree|safe }};

Atas ialah kandungan terperinci Mengapa JSON.parse Gagal dengan 'SyntaxError: Token tidak dijangka '&'' Apabila Memaparkan Data JSON daripada Templat Jinja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!