python传到前端的数据,双引号被转义的问题


Posted in Python onApril 03, 2020

python部分

def mallTemplateConfig(request):
  gameRole_edit = request.session.get('gameRole_edit', []) #获取json串
  return render(request, "operationGL/mallTemplateConfig.html",
         {
          'gameRole_edit': json.dumps(gameRole_edit)
         })

html部分

这样写显示正常,没有问题

<label>{{ gameRole_edit }}</label>

js部分

这样写json串中的双引号,会被转义成"

console.log("{{ gameRole_edit }}")

用下面这种方法,就可以直接转化json串,不会被转义了

JSON.parse("{{ gameRole_edit|escapejs }}")

补充知识:解决flask后台数据传递到前端字符被转义

今天在使用flask+echarts做数据可视化的时候发现后台数据传递到前台但是前台的图表却无法显示

F12查看错误后发现数据中的引号被转义成“'”原因是为了防止js注入

python传到前端的数据,双引号被转义的问题

我需要的数据格式为

python传到前端的数据,双引号被转义的问题

是一个列表如何不让引号转义呢很简单只需要在变量后面加tojson即可

python传到前端的数据,双引号被转义的问题

这样数据就正常显示了看一下正常数据:

python传到前端的数据,双引号被转义的问题

以上这篇python传到前端的数据,双引号被转义的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python pdb调试方法分享
Jan 21 Python
Python自动化测试工具Splinter简介和使用实例
May 13 Python
Django基础之Model操作步骤(介绍)
May 27 Python
详谈Python高阶函数与函数装饰器(推荐)
Sep 30 Python
Python框架Flask的基本数据库操作方法分析
Jul 13 Python
python画图系列之个性化显示x轴区段文字的实例
Dec 13 Python
python使用Plotly绘图工具绘制气泡图
Apr 01 Python
Python中的类与类型示例详解
Jul 10 Python
anaconda中更改python版本的方法步骤
Jul 14 Python
python利用datetime模块计算程序运行时间问题
Feb 20 Python
python爬虫使用正则爬取网站的实现
Aug 03 Python
Python+DeOldify实现老照片上色功能
Jun 21 Python
Django实现将一个字典传到前端显示出来
Apr 03 #Python
Django 后台带有字典的列表数据与页面js交互实例
Apr 03 #Python
Django import export实现数据库导入导出方式
Apr 03 #Python
Django用户身份验证完成示例代码
Apr 03 #Python
基于Python共轭梯度法与最速下降法之间的对比
Apr 02 #Python
python 的topk算法实例
Apr 02 #Python
python torch.utils.data.DataLoader使用方法
Apr 02 #Python
You might like
使用PHP函数scandir排除特定目录
2014/06/12 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
2014/04/15 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
JS继承用法实例分析
2015/02/05 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
JavaScript变量提升和严格模式实例分析
2019/01/27 Javascript
利用Electron简单撸一个Markdown编辑器的方法
2019/06/10 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
JS实现在线ps功能详解
2019/07/31 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
轻松掌握python设计模式之访问者模式
2016/11/18 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
python图像和办公文档处理总结
2019/05/28 Python
python代码编写计算器小程序
2020/03/30 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
python爬虫开发之使用python爬虫库requests,urllib与今日头条搜索功能爬取搜索内容实例
2020/03/10 Python
Python利用for循环打印星号三角形的案例
2020/04/12 Python
python中get和post有什么区别
2020/06/19 Python
python中如何打包用户自定义模块
2020/09/23 Python
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
财务会计专业毕业生自荐信
2013/10/02 职场文书
函授毕业自我鉴定
2013/12/19 职场文书
儿子满月酒致辞
2015/07/29 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
八年级作文之感恩
2019/11/22 职场文书