解决使用 Jinja2 插入 JSON 数据时出现的乱码

以前在用 flask 搭建一个网页时，我想要在模版中传入一个 JSON 的字符串，结果发现经过 Jinja2 传入的 JSON 数据变成了了乱码。其中的引号和空格都变为了 &#xx; 的形式：

var humidityJSON = {{ humidityJSON }};

传入以后：

var humidityJSON = [{'Time': '08/18/2018 09:25:45', 'Humidity': 25}...

在一番检索后，我发现原来是由于 Jinja2 对 JavaScipt 的保护措施，致使不能很好地传入 JSON 数据。它会将其中的一些符号变为 HTML 中的编码。

这样直接就致使了生成的网页渲染失败。我尝试了一些方法，好比去掉传入字符串中的空格，可是其中的引号也一样会形成乱码，因此这种方法并不可行。

尝试了半个上午无解以后，我去 Stack Overflow 上面搜索了这样一个问题，终于找到了解决方法：

Stack Overflow - sending data as JSON object from Python to Javascript with Jinja

使用 tojson 设置

其实只须要在传入的数据后加上 tojson 的设置就可以完成传递 JSON 数据了。

var humidityJSON = {{ humidityJSON|tojson }};

Stack Overflow 网站上使用的方法是 data|tojson|safe 可是其实在新版本的 Jinja2 以后就不须要 safe 选项了

var humidityJSON = [{"Humidity": 25, "Time": "08/18/2018 09:25:45"}...

成功解决，果真 Stack Overflow 是个解决问题的好地方。