文档章节

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

cometeme
 cometeme
发布于 2018/08/19 18:59
字数 432
阅读 47
收藏 0

之前在用 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 是个解决问题的好地方。

© 著作权归作者所有

共有 人打赏支持
cometeme
粉丝 7
博文 21
码字总数 23825
作品 0
杭州
程序员
私信 提问
PHP json_encode() 函数详解及中文乱码问题

在 php 中使用 json_encode() 内置函数(php > 5.2)可以使用得 php 中数据可以与其它语言很好的传递并且使用它。 这个函数的功能是将数值转换成json数据存储格式。 ? 1 2 3 4 5 6 7 8 9 程序运...

zyt_1978
2016/06/19
31
0
php插入数据到mysql乱码

大家好!最近在做一些网站,但是遇到一个麻烦的问题,头很痛,想请大家帮我解决,在此先谢谢大家! 在利用php中的mysql_query()插入一些数据到mysql,遇到以下问题: 可以插入数据到mysql数据...

披羊皮的小狗
2011/10/18
4.4K
8
mysql插入数据显示中文乱码

MySQL 插入数据时,中文乱码问题的解决 当向 MySQL 数据库插入一条带有中文的数据形如 insert into employee values(null,'张三','female','1995-10-08','2015-11-12','Sales',2000,'是个好员......

qq5805bc784f826
2017/09/06
0
0
MySQL 插入数据时,中文乱码问题的解决

随笔 - 102 文章 - 0 评论 - 113 MySQL 插入数据时,中文乱码问题的解决 当向 MySQL 数据库插入一条带有中文的数据形如 insert into employee values(null,'张三','female','1995-10-08','20......

adbug
2016/04/17
28
0
spring boot 解决后台返回 json 到前台中文乱码之后出现返回json数据报错 500

问题描述 spring Boot 中文返回给浏览器乱码 解析成问号?? fastJson jackJson spring boot 新增配置解决后台返回 json 到前台中文乱码之后,出现返回json数据报错:no convertter for retur...

陈守印
2018/06/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【C++】智能指针简述(四):shared_ptr

  在开始本文内容之前,我们再来总结一下,前文内容:   1.智能指针采用RAII机制,在构造对象时进行资源的初始化,析构对象时进行资源的清理及汕尾.   2.auto_ptr防止拷贝后析构释放同一块内...

shzwork
27分钟前
1
0
作为Java程序员这些技术都不会,拿什么去涨薪跳槽?

引言 当下,正面临着近几年来的最严重的互联网寒冬,听得最多的一句话便是:相见于江湖~,缩减HC、裁员不绝于耳,大家都是人心惶惶,年前如此,年后想必肯定又是一场更为惨烈的江湖厮杀。但博...

别打我会飞
50分钟前
2
0
springboot开发之定时器quartz 定时任务调度(压缩版,抽取quartz的单个任务表实现)

前言 老了, 记不住了, 好记性不如烂笔头; 没想到曾经过目不忘的我, 也有这么一天, 岁月蹉跎,学习一天不如一天 难受 Quartz可以用来做什么? Quartz是一个任务调度框架。比如你遇到这样的问题...

尾生
55分钟前
11
0
技术经理平时都干啥?

「技术主管」是开发团队中的某位程序员需要对一起创建系统的整个开发团队负责时所承担的角色。通常他既要对最终交付的软件系统负责,另外也会像一个程序员一样去开发实现系统。 一个技术主管...

春哥大魔王的博客
今天
7
0
java工作流引擎Jflow流程事件和流程节点事件设置

流程实例的引入和设置 关键词: 开源工作流引擎 Java工作流开发 .net开源工作流引擎 流程事件 工作流节点事件 应用场景: 在一些复杂的业务逻辑流程中需要在某个节点或者是流程结束后做一些业...

ccflow周朋
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部