解析 Jinja 渲染的 JSON 数据时如何修复 JavaScript 语法错误？

Jinja 渲染数据的 JavaScript 语法错误

问题： 尝试解析在 a 中呈现的 JSON 数据时使用 JavaScript 的 Jinja HTML 模板遇到语法错误，指示意外的“&” token.

原因：出于安全原因，Flask 的 Jinja 环境会自动转义 HTML 模板中呈现的数据。将 JSON 对象传递给 JavaScript 时，这是有问题的，因为转义字符会干扰解析。

解决方案：使用 Flask 的 tojson 过滤器或标记将数据标记为安全

To要解决这个问题，请利用 Flask 的 tojson 过滤器，它将数据转储到 JSON 中并标记它可以安全地在其中渲染JavaScript.

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

替代方法：

• 安全过滤器（已弃用）： 此过滤器虽然已弃用，但将数据标记为安全，无需 JSON

var data = {{ tree|safe }};

• Markup Wrapper： 在渲染之前将 JSON 字符串包装在 Markup 中，相当于安全过滤器。

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

直接Python数据用法：

如果渲染的数据不是用于 JavaScript，请考虑直接传递 Python 数据，而不使用 JSON 转换或过滤器。

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

实现：

在金贾template:

var data = {{ data }};

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

或者，可以直接使用 Jinja 数据，无需 JavaScript 解析：

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

以上是解析 Jinja 渲染的 JSON 数据时如何修复 JavaScript 语法错误？的详细内容。更多信息请关注PHP中文网其他相关文章！