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 = [{&#34;color&#34;: &#34;#5461ae&#34;, &#34;name&#34;: &#34;fizi.yadav&#34;, &#34;value&#34;: 10}, {&#34;color&#34;: &#34;#e1dce4&#34;, &#34;name&#34;: &#34;surya.pradhan&#34;, &#34;value&#34;: 30}, {&#34;color&#34;: &#34;#7835f0&#34;, &#34;name&#34;: &#34;fred.hsu&#34;, &#34;value&#34;: 276}]

Answer 1

Jinja autoescapes可能不安全的字符（如引号），以避免安全问题。您需要告诉它您正在呈现的数据是安全的，可以使用模板中的db/views/your_stuff.view.sql过滤器，也可以将其包装在视图中的|safe中。您也可以使用Markup过滤器，而不是手动解析和标记JSON。

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

Markup

或在模板中标记为安全。

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

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

|safe

渲染JSON而不替换Jinja中的字符

1 个答案: