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标准库之sqlite3使用实例
Nov 25 Python
Linux中Python 环境软件包安装步骤
Mar 31 Python
python生成二维码的实例详解
Oct 29 Python
Python机器学习库scikit-learn安装与基本使用教程
Jun 25 Python
python如何查看微信消息撤回
Nov 27 Python
Python3对称加密算法AES、DES3实例详解
Dec 06 Python
详解Python中pandas的安装操作说明(傻瓜版)
Apr 08 Python
Python实现的银行系统模拟程序完整案例
Apr 12 Python
python实现大文本文件分割
Jul 22 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
Apr 26 Python
Pyinstaller打包Scrapy项目的实现步骤
Sep 22 Python
pytorch finetuning 自己的图片进行训练操作
Jun 05 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内核学习教程之php opcode内核实现
2016/01/27 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
Javascript之旅 对象的原型链之由来
2010/08/25 Javascript
js左右弹性滚动对联广告代码分享
2014/02/19 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
JS实现双击编辑可修改状态的方法
2015/08/14 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
vue input输入框模糊查询的示例代码
2018/05/22 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
python判断正负数方式
2020/06/03 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
深入了解Python 变量作用域
2020/07/24 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
allbeauty美国:英国在线美容店
2019/03/11 全球购物
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
Mybag美国/加拿大:英国奢华包包和名牌手袋网站
2020/02/16 全球购物
当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递?
2014/09/09 面试题
C++面试题目
2013/06/25 面试题
什么叫做SQL注入,如何防止
2016/10/04 面试题
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
医务工作者先进事迹材料
2014/01/26 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
《我们的民族小学》教学反思
2016/02/19 职场文书
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS