Django template - javascript变数含safe filter

这边有一个javascript变数:

var subtitles = {{ json_dual }}

Django本身预设转义的功能,所以资料在网页原始码显示如下:
https://ithelp.ithome.com.tw/upload/images/20210418/20129725HeqpVqozjb.png
但这样会让後续如下列的javascript代码会抓不到资料:

document.getElementById("sub-en").textContent=subtitle.text_en;

後来加上safe filter,等同於告诉Django这段代码是安全的不用帮我转义:

var subtitles = {{ json_dual|safe }}

最後该变数在网页原始码显示如下:
https://ithelp.ithome.com.tw/upload/images/20210418/20129725rzKwcjIieU.png
单引号从https://ithelp.ithome.com.tw/upload/images/20210418/20129725OytIFOPzEx.png进化成https://ithelp.ithome.com.tw/upload/images/20210418/20129725pvwA98rA91.png

另外写个简单的函数作处理:
https://ithelp.ithome.com.tw/upload/images/20210418/20129725RwgdNg91Rw.png
最後在网页上单引号就可以正常显示了~


<<:  SQL语法疑问?

>>:  进击的软件工程师之路-软件战斗营 第八周

Layout, Render 与 View Helper

版型(Layout) 局部渲染(Partial Render) View Helper 在上个章节介...

Day18-Session 管理(二)

前言 昨天讲了在产生 session ID 时有什麽应该要注意的地方,但除了 session 之外,...

【Day8】 Introduction – while & for

紧接着,我们就要来介绍 while、for 回圈啦!但是在介绍之前,要先提到一些基本但常用的运算子。...

Day 29 JavaScript < 书写方式>

JavaScript书写方式与CSS相似,分为行内书写,内嵌书写以及外部书写 1.行内书写 <...

Angular 如何将多笔资料上传後,取得全部回传资料,再送到另一支 API

来回顾一下前几天的日记文 Angular 图片上传之...日记文 程序码流程规划之...日记文 与今...