在Jinj中呈现JSON而不替换字符

Question

我有一些Python数据将被发送到JavaScript图表。我将其转储到JSON并传递给模板。当我呈现数据时，它包含html实体（"），而不是引号，这是无效的。如何正确地将JSON数据从Python传递到JavaScript？

pieData = [{'color': '#400068', 'name': 'xyz', 'value': 10}, {'color': '#4a8624', 'name': 'abc', 'value': 30}]
render_template('index.html', piedata=json.dumps(pieData))

var pieData2 = {{ piedata }};
// renders as
var pieData2 = [{"color": "#5461ae", "name": "fizi.yadav", "value": 10}, {"color": "#e1dce4", "name": "surya.pradhan", "value": 30}, {"color": "#7835f0", "name": "fred.hsu", "value": 276}]

Answer 1

Jinja自动转义潜在的不安全字符（如引号）以避免安全问题。您需要告诉它您正在呈现的数据是安全的，可以在模板中使用|safe过滤器，也可以在视图中将其包装成Markup。您还可以使用|tojson过滤器，而不是手动解析和标记JSON。

使用Markup从视图中将其标记为安全。

from markupsafe import Markup
render_template('index.html', piedata=Markup(json.dumps(pieData)))

或者在模板中标记为安全。

{{ piedata|safe }}

最好在模板中转换它，而不在视图中调用json.dumps。旧版本的Flask需要调用|tojson|safe，但不再需要|safe。

{{ piedata|tojson }}