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标准库中的wave模块绘制乐谱的简单教程
Mar 30 Python
Python下载懒人图库JavaScript特效
May 28 Python
python 生成器生成杨辉三角的方法(必看)
Apr 10 Python
Python实现的简单模板引擎功能示例
Sep 02 Python
轻量级的Web框架Flask 中模块化应用的实现
Sep 11 Python
Python+selenium实现截图图片并保存截取的图片
Jan 05 Python
Python全局变量与局部变量区别及用法分析
Sep 03 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
Dec 10 Python
python匿名函数用法实例分析
Aug 03 Python
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
Apr 16 Python
python数据类型强制转换实例详解
Jun 22 Python
Python扫描端口的实现
Jan 25 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的AES加密算法完整实例
2016/07/20 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
使用CSS3实现字体颜色渐变的实现
2021/03/09 HTML / CSS
ExtJs中简单的登录界面制作方法
2010/08/19 Javascript
jQuery中使用了document和window哪些属性和方法小结
2011/09/13 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
2013/12/04 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
react-router实现按需加载
2017/05/09 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
js 计算月/周的第一天和最后一天代码
2020/02/01 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
vue中是怎样监听数组变化的
2020/10/24 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
python如何快速拼接字符串
2020/10/28 Python
可能这些是你想要的H5软键盘兼容方案(小结)
2019/04/23 HTML / CSS
可靠的数据流传输TCP
2016/03/15 面试题
社团文化节邀请函
2014/01/10 职场文书
入党自我评价优缺点
2014/01/25 职场文书
cf收人广告词大全
2014/03/14 职场文书
驾驶员培训方案
2014/05/01 职场文书
激励口号大全
2014/06/17 职场文书
出差报告格式模板
2014/11/06 职场文书
小学感恩节活动总结
2015/03/24 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
《司马光》教学反思
2016/02/22 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL