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基于socket实现网络广播的方法
Apr 29 Python
Django1.7+python 2.78+pycharm配置mysql数据库
Oct 09 Python
Python正则抓取网易新闻的方法示例
Apr 21 Python
PyQt5每天必学之带有标签的复选框
Apr 19 Python
python创建文件备份的脚本
Sep 11 Python
把pandas转换int型为str型的方法
Jan 29 Python
Python爬取智联招聘数据分析师岗位相关信息的方法
Aug 13 Python
pytorch 实现模型不同层设置不同的学习率方式
Jan 06 Python
python通过opencv实现图片裁剪原理解析
Jan 19 Python
完美解决keras保存好的model不能成功加载问题
Jun 11 Python
使用Python提取文本中含有特定字符串的方法示例
Dec 09 Python
python通用数据库操作工具 pydbclib的使用简介
Dec 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中Socket连接及读写数据超时问题分析
2016/07/19 PHP
js变量作用域及可访问性的探讨
2006/11/23 Javascript
JS解密入门之凭直觉解
2008/06/25 Javascript
一个简单的JS鼠标悬停特效具体方法
2013/06/17 Javascript
javascript实现焦点滚动图效果 具体方法
2013/06/24 Javascript
图片翻转效果具体实现代码
2014/01/09 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
解决Vue打包上线之后部分CSS不生效的问题
2019/11/12 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
2分钟实现一个Vue实时直播系统的示例代码
2020/06/05 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
Python数组遍历的简单实现方法小结
2016/04/27 Python
Python学习小技巧之列表项的排序
2017/05/20 Python
python实现数据库跨服务器迁移
2018/04/12 Python
一个简单的python爬虫程序 爬取豆瓣热度Top100以内的电影信息
2018/04/17 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
python 使用三引号时容易犯的小错误
2020/10/21 Python
详解canvas绘制网络字体几种方法
2019/08/27 HTML / CSS
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
Java编程面试题
2016/04/04 面试题
高中毕业自我鉴定
2013/12/19 职场文书
三年级数学教学反思
2014/01/31 职场文书
2014年社区学雷锋活动总结
2014/03/09 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
小学生2015教师节演讲稿
2015/03/19 职场文书
教您怎么制定西餐厅运营方案 ?
2019/07/05 职场文书
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技