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下载指定页面上图片的方法
May 12 Python
python 线程的暂停, 恢复, 退出详解及实例
Dec 06 Python
python pandas库中DataFrame对行和列的操作实例讲解
Jun 09 Python
python进阶之多线程对同一个全局变量的处理方法
Nov 09 Python
详解Python Qt的窗体开发的基本操作
Jul 14 Python
python nohup 实现远程运行不宕机操作
Apr 16 Python
python 实现分组求和与分组累加求和代码
May 18 Python
python 实现 hive中类似 lateral view explode的功能示例
May 18 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
Oct 12 Python
python批量检查两个对应的txt文件的行数是否一致的实例代码
Oct 31 Python
Python OpenCV快速入门教程
Apr 17 Python
python使用pycharm安装pyqt5以及相关配置
Apr 22 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访问数组最后一个元素的函数end()用法
2015/03/18 PHP
学习PHP session的传递方式
2016/06/15 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
PHP字符串逆序排列实现方法小结【strrev函数,二分法,循环法,递归法】
2017/01/13 PHP
HTML中事件触发列表与解说
2007/07/09 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
复选框全选与全不选操作实现思路
2013/08/18 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
Angular实现响应式表单
2017/08/04 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1
2014/06/25 DOTA
python基础教程之五种数据类型详解
2017/01/12 Python
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
pandas 数据索引与选取的实现方法
2019/06/21 Python
Django自带日志 settings.py文件配置方法
2019/08/30 Python
pytorch获取模型某一层参数名及参数值方式
2019/12/30 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
初一科学教学反思
2014/01/27 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
2014年军人思想汇报范文
2014/10/12 职场文书
国博复兴之路观后感
2015/06/02 职场文书