Fix @ Jinja variable parsing at Javascript code in a static JS file …?

Question

I am running into this “old problem”: Jinja variable parsing only works on the html template (passed in to render_template), so if your Javascript code is in a static JS file the Flask/Jinja variables can't be accessed”. Jinja Flask issue: Uncaught SyntaxError: Unexpected token { in JSON at position 1 at JSON.parse Does anyone know if there is already a solution for this. It's ugly to embed the JS code in the HTML file

Dauros · Accepted Answer · 2022-04-08 14:58:35Z

2

You can use the tojson Jinja filter to safely embed only the JSON data into the document, then load it in JS.

{% set data = [1, 2, 3, 4] %}
<script id="data" type="application/json">{{ data|tojson }}</script>

And in the external JS file:

const value = JSON.parse(document.getElementById('data').textContent);

answered Apr 8, 2022 at 14:58

Dauros

10.7k2 gold badges27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Fix @ Jinja variable parsing at Javascript code in a static JS file …?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related