Python - 如何在 JS 中导出 JSON

Question

我想将python中的JSON字符串导出到JS变量中。

<script type="text/javascript">
    var data = JSON.parse('{{ dataJSON }}');
    console.log(data)
</script>

如果我打印dataJSON的内容，我会得到： [{"offset":0,"total":1,"units":[{"village_id":37,"village_name":"Glim

但在 JS 中我得到了这个： JSON.parse('[{"offset":0,"total":1,"units":[{"village_id":37

我使用 jinja2 模板引擎： http : //jinja.pocoo.org/docs/dev/templates/#if

我该如何解决？

Answer 1

您需要将数据标记为安全：

var data = {{ dataJSON|safe }};

这可以防止它被 HTML 转义。 没有必要以这种方式使用JSON.parse() ； JSON 是有效的 JavaScript 子集（至少在 Python json模块生成有效子集的范围内）。

考虑到这并不使它成为JavaScript 安全的。 您可能想要调整您的 JSON 序列化。 如果您使用 Flask，则会提供一个tojson过滤器，以确保您获得 JavaScript 安全的有效 JSON：

var data = {{ data|tojson|safe }};

如果您不使用 Flask，请对 JSON 进行后处理：

dataJSON = (json.dumps(data)
    .replace(u'<', u'\\u003c')
    .replace(u'>', u'\\u003e')
    .replace(u'&', u'\\u0026')
    .replace(u"'", u'\\u0027'))

这是用于生成可在 HTML（包括属性值）和 JavaScript 中安全使用的dataJSON值的 Python 代码。 此处json.htmlsafe_dumps() Flask json.htmlsafe_dumps()函数。