为什么Jinja不接受我的JS字符串变量呢？
Jinja是一个Python的模板引擎，用于在Python Web应用程序中生成动态的HTML、XML或其他文档。它是一个基于文本的模板语言，可以将变量、表达式和控制结构嵌入到静态模板中。然而，Jinja不直接接受JavaScript字符串变量，因为它是针对服务器端渲染而设计的，主要用于生成静态的HTML页面。
JavaScript是一种在浏览器中运行的客户端脚本语言，与服务器端Python应用程序相分离。因此，Jinja无法直接识别或执行JavaScript代码。如果您希望在Jinja模板中使用JavaScript字符串变量，您可以通过将该变量传递给模板并在模板中使用合适的语法进行处理。
以下是一种解决方案：您可以将JavaScript字符串变量作为Python变量传递给Jinja模板。在模板中，您可以使用Jinja提供的控制结构和过滤器来处理该变量。例如，您可以使用Jinja的{{ }}语法来插入Python变量，并使用Jinja的过滤器来格式化字符串。
例如，假设您有一个JavaScript字符串变量name，您可以将其传递给Jinja模板：
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
name = 'John'
return render_template('index.html', name=name)
if __name__ == '__main__':
app.run()在模板文件index.html中，您可以使用Jinja的语法和过滤器来处理该变量：
<!DOCTYPE html>
<html>
<head>
<title>Jinja Example</title>
</head>
<body>
<h1>Hello, {{ name|title }}!</h1>
<script>
var jsName = "{{ name }}";
console.log(jsName);
// 这里可以继续处理JavaScript字符串变量
</script>
</body>
</html>在上面的示例中，Jinja会将Python变量name传递给模板，模板通过{{ name }}插入变量的值。注意，Jinja会自动对字符串进行转义，以防止潜在的XSS攻击。如果您确定变量是安全的，可以使用Jinja的safe过滤器来禁用转义。
需要注意的是，Jinja是一个服务器端模板引擎，不会直接执行JavaScript代码。如果您需要在浏览器中执行JavaScript代码并操作字符串变量，您需要将字符串变量作为JavaScript变量传递给前端，并在前端使用JavaScript进行处理。
相关·内容
1回答
我的jinja2模板为变量生成了正确的值 {{ vars[fruit | join("")] | default('ERR') }} 变量水果的值为83.6，它由Ansible的模板模块打印。 我希望在jinja2模板中编写一个if条件，用来检查变量more的值是否大于70 {% if ( vars[fruit | join("")] | int ) > 70 %} 超过70 {% endif%} 然而，“if”条件在我期望它成功的时候失败了。 我还尝试了以下几种方法： {% if ( vars[fruit | join("
浏览 25提问于2020-03-27得票数 1
1回答
在Jinja2块中包含文件时，我很难理解上下文行为。请参阅这个最小的示例：
base.jinja2
{% set foo="bar" %}
{% block content %}
{% include 'include.jinja2' %}
{% endblock content %}
include.jinja2
{{ foo }}
呈现base.jinja2会产生错误foo' is undefined。
当我将foo的声明移到content块中时，代码将正确呈现。当我将include语句移到content块之外时，当我在include语句周围移除c
浏览 1提问于2019-03-26得票数 0
回答已采纳
下面是我用来在Jinja2中格式化datetime的代码
# -*- encoding=utf-8
import jinja2
import datetime
now = datetime.datetime.utcnow()
print jinja2.Template(u'''Hello {{ date.strftime('%Y 年 %m 月') }}!''').render(date=now)
date.strftime的参数中包含一些非ASCII码字符('年月')。Jinja2抱怨说
Traceback
浏览 0提问于2013-04-12得票数 1
回答已采纳
1回答
我将一个数组对象从我的Flask服务器中的一个视图传递到jinja2模板。假设它的名字是aList。当我尝试更改aList内部的值时，如下所示：
在Flask中：
aList = ['a', 'b', 'c']
在模板中：
{% set aList[0] = "work, dammit!" %}
我得到这个错误，告诉我模板中应该是"=“而不是"[”。
有人能说出在jinja2中处理数组的正确方式是什么吗？
浏览 0提问于2015-08-16得票数 5
回答已采纳
我正在使用Python、Flask和Jinja创建一个web应用程序。
什么工作：
在Python方面，我有一个列表my_list = ["Rome", "Milan", "Bari", "Naples"]，用于通过Jinja填充呈现给客户端的带有感兴趣内容的HTML页面。
<ul>
{% for n in my_list %}
<button>{{n}}</button>
{% endfor %}
</ul>
其结果是：
<button>Rome<
浏览 1提问于2019-01-22得票数 0
回答已采纳
我被困了一个星期，我已经在一百万个西班牙语和英语论坛上看过了……
问题是，当我从Google App Engine启动我的网站时，Javascript不能在我的本地主机上工作。
如果我复制/粘贴所有的超文本标记语言、css和.js文件，然后在浏览器中从Notepad++启动，效果很好，但由于任何原因在GAE上不起作用，我不知道为什么。
app.yaml之所以有效，是因为如果我在浏览器中写道：
http://localhost:8080/js/script.js，然后出现javascript代码。
以下是我的所有代码：
HTML：
<script type="text/javasc
浏览 2提问于2013-08-27得票数 0
3回答
因此，我试图使用jinja2作为一个简单的html模板，但是当我调用render()时，我仍然会得到这个错误：
Warning: IronPythonEvaluator.EvaluateIronPythonScript operation failed.
Traceback (most recent call last):
File "C:\Program Files (x86)\IronPython 2.7\Lib\jinja2\jinja2\loaders.py", line 125, in load
File "C:\Program Files (x86)\Ir
浏览 0提问于2015-08-25得票数 1
回答已采纳
我知道如何在jinja2中生成随机文本，但是有什么方法可以在随机文本选项中添加变量呢？就像这样：
{{ [
"{{ variable1 }} and other text ",
"{{ variable2 }} and other text"
] | random }}
问题是，如果我这样写，{{ variable1 }}和{{ variable2 }}将被呈现为纯文本。
浏览 2提问于2016-11-16得票数 1
回答已采纳
谷歌称MarkupSafe让jina2的运行速度更快
我将它添加到我的Yaml文件中，如下所示。
libraries:
- name: webapp2
version: "2.5.1"
- name: jinja2
version: latest
- name: markupsafe
version: latest
Jina2表示，它会检查是否安装了markupsafe
我的问题是，我怎么才能真正知道它是如何工作的呢？我在我的jinja表单中插入了一堆html，但它并没有被转义。简而言之，我已经阅读了文档，但找不到一个明确的答案来解释markupsafe做什么，以
浏览 2提问于2012-05-18得票数 3
回答已采纳
我有一个变量和一个Jinja2模板，让我们称它为value1。Jinja2模板包括以下行：
LINE=” This string must be included this string is optional= {{ value1}}”
我需要实现的是:如果value1是用一个字符串定义的-让我们假设这个字符串是OK的(Value1: OK)，那么文件应该是
LINE=” This string must be included this string is optional= OK”
如果未定义value1 (空Value1：)，则文件应为
LINE=” This string must
浏览 45提问于2021-07-01得票数 1
我试图理解javascript中的函数式编程。但我对高阶函数很困惑。我需要更详细的解释。
这是我写的程序
var outer = function() {
return function(name) {
return "My name is " + name;
}
}
var a = outer();
var b = a('khoyer');
b;
为什么我不能像这样写
var outer = function() {
return function(name) {
return "My name
浏览 1提问于2018-11-03得票数 0
回答已采纳
2回答
我通过salt获取数据，并尝试遍历所有类型的支柱。它会运行，但不会渲染任何内容。
{% for type in salt['pillar.get']('pillar') %}
{% if type in [Action', 'Queue', 'Data', 'Number'] %}
{% for something in salt['pillar.get']('pillar:{{ type }}:subtype') %}
copy_init_script_{{ type
浏览 4提问于2015-01-08得票数 1
如何在jinja语句中concat字符串和jinja表达式？
{% for pic in pictures %}
{% if pic.name == line.name %}
<img class="card-img-top" src="{% static 'orders/img/'pic.picture %}" >
{% endif %}
{% endfor %}
在这个带有Jinja的标签中，pic.picture是一个jinja快车，但是如何用'orders/img/‘实现concat呢？
浏览 1提问于2019-12-26得票数 0
回答已采纳
在处理我的第一个Flask项目时，我在尝试从Jinja2模板渲染宏时偶然发现了jinja2.exceptions.UndefinedError异常。事实证明，当Jinja2试图解析实际上包含对全局请求对象的引用的模板的其余部分时，它会生成此异常。
下面是我用于测试用例的test.html模板：
<!doctype html>
{% macro test_macro() -%}
Rendered from macro
{%- endmacro %}
{{ request.authorization }}
Flask代码#1:呈现模板(成功)：
@app.route("/t
浏览 2提问于2014-02-03得票数 10
我希望创建一个类似的自定义扩展，将任何javascript代码块推送到页脚或页脚以下的指定区域。
我的版本使用Python3.6、Flask和Jinja2.9。但是，在更改块中的行号或内容后，我有一个主要问题发生。在呈现时，内容将出现多次。
from jinja2 import nodes
from jinja2.ext import Extension
class JavascriptBuilderExtension(Extension):
tags = set(['push'])
def __init__(self, environment):
浏览 3提问于2017-09-06得票数 0
回答已采纳
1回答
我有一个字符串，我想把它当作一个Jinja模板。我试着返回字符串，但是它按原样发送，Jinja没有呈现它。我不想制作一个模板文件来用render_template呈现它。我怎样才能用Jinja渲染字符串？
@app.route('/results')
def results():
template = '''<div class="results">
{% for option in options() %}
<p>{{ option }}</p>
浏览 2提问于2016-05-20得票数 1
回答已采纳
我试着这样做：
{% for a in as %}
{% include "{(a}}.jinja"%}
{% endfor %}
但是我收到了一个错误，没有找到{a}.jinja。因此，它似乎没有取代变量。为什么？我怎么才能解决这个问题？
浏览 1提问于2016-11-22得票数 13
回答已采纳
根据的说法，Jinja2模板是“按照Django的模板建模的。”我在其他地方读到，Django模板可以与Jinja2互换使用。
因此，我想标题说明了一切: Jinja2模板是Django的本地模板的(严格的)超集吗？
否则，它们有何不同？如果差异很小，为什么Jinja2不是Django本机模板的超集呢？
浏览 5提问于2014-06-16得票数 14
回答已采纳
因此，对于我们中使用Python和Django框架开发网站的人来说，有一个很棒的工具叫做jinja，可以用作模板引擎。例如：
而不是像这样对导入进行硬编码：
<script src="assets/js/onebutton.js"></script>
我们可以这样做：
<script src="{% static 'assets/js/onebutton.js' %}"></script>
在这种情况下，它会自动搜索一个名为static的文件夹，然后进入其中查找所需的代码。
但是为什么不可能在Jav
浏览 0提问于2018-12-30得票数 1
回答已采纳
3回答
Jinja2会自动转义所有的HTML标签，但我不想转义某些标签(如img、b和其他一些标签)。我该怎么做呢？
浏览 5提问于2012-01-24得票数 15
回答已采纳
2回答
我希望从WordPress DB获取数据，将它们推入数组，并将数据传递给JS。
除了将数据推入foreach ($posts as $post)中的数组之外，所有这些都能正常工作。
完整方法：
$array = array();
$category_name = "locations";
$args = array(
'numberposts' => -1,
'category_name' => $category_name
浏览 3提问于2012-09-07得票数 0
回答已采纳
#include <stdio.h>
#include <conio.h>
int a();
void b();
int main()
{
b(a());
return 0;
}
int a()
{
return 5;
}
void b()
{
int x;
printf("%d",x);
}
' x‘不是函数b的参数，那么为什么函数a的结果是复制到x的呢？为什么这个程序的输出是5？
浏览 1提问于2014-01-02得票数 0
我想知道我是否可以通过jinja访问外部javascript文件？它可以很好地处理html文件或嵌入到html文件中的js，但是当javascript文件是外部文件时就不行了。
代码：
@app.route('/')
def default():
return render_template('main.html', var1 = 1, var2 = 2)
main.html代码：
<html>
<body>
<p>The first value is {{var1}}</p>
浏览 3提问于2018-07-18得票数 2
回答已采纳
1回答
我刚刚从Django模板引擎切换到Jinja2，它有时会慢50%，但不是平均速度。这怎么可能呢？我错过了什么吗？
P.S.同时发现，在呈现“小”页面时，它的速度要快很多倍：
Django: rendered 0:00:00.003929
Jinja2: rendered 0:00:00.000959
Django: rendered 0:00:00.325080
Jinja2: rendered 0:00:00.351776
所以重要的是速度更慢，而不是更快。
浏览 4提问于2013-10-29得票数 0
回答已采纳
我正在学习一个烧瓶教程，他在jinja2模板中使用了“| safe”。为什么我们需要这个管道符号和保险箱？
不使用safe，它会打印所有的html标签。
通过使用| safe，它可以显示正确的格式。为什么它是这样工作的？
下面是jinja2代码：
{% extends "layout.html" %}
{% block body %}
<h1>{{article.title}}</h1>
<small>Written by {{article.author}} on {{article.create_date}}</s
浏览 1提问于2018-02-25得票数 8
回答已采纳
2回答
我对(使用Jinja2作为模板引擎)都很陌生，而且我不确定我这样做的方式是否正确。我使用的是i18n扩展添加到我的web应用程序的支持。例如，我希望从js代码中获得本地化字符串：
var helloWorld = gettext('Hello, world');
console.log(helloWorld); //should log a localized hello world message
为此，我配置了babel (babel.cfg)：
[python: **/**.py]
[jinja2: **/**.html]
extensions=jinja2.ext.au
浏览 2提问于2014-03-12得票数 6
回答已采纳
我使用的是带有Jinja2模板的水瓶，如何使用Jinja2或使用Java + Jinja2变量进行依赖的选择pox？
示例：
Python侧：
@app.route('/')
def dependent():
cars= {'Chevrolet':['Volt','Malibu','Camry'],'Toyota':['Yaris','Corolla'],'KIA':['Cerato','Rio']}
r
浏览 1提问于2019-12-01得票数 1
我需要在element.innerHTML中包含jinja模板，但是jinja不工作。
代码script.js：
contentDiv.innerHTML = getContent(fragmentId);
function getContent(fragmentId) {
var pages = {
quad1: `
<form class="form-inline" method="POST" id="form1">
<h3>
浏览 37提问于2021-06-07得票数 0
我有以下代码，它在Chrome (V8)下运行良好，但在节点内部失败：
var id;
id = setTimeout("TimeoutHandler()", 10);
console.log ('SET');
function TimeoutHandler()
{
clearTimeout(id);
console.log ('CLEAR');
}
Chrome输出：
SET
CLEAR
Nodejs输出：
SET
timers.js:110
first._onTimeout();
^
TypeErro
浏览 1提问于2013-05-10得票数 14
回答已采纳
我是jinja2的新手(绝对不是web开发专家)，我很难让与jinja模板相关的javascript根据程序状态的变化重新加载(并更新它的变量)。
实际上，我有一个遍历项目列表的模板：
{% for item in items %}
<p> {{item['property a']}}</p>
blah blah blah`
然后调用我在该for循环中导入的另一个模板：
{% import 'secondTemplate.html' as s %} //not sure whether this matters if it goes in
浏览 3提问于2013-07-27得票数 0
我知道我们可以像这样将Jinja变量设置为js变量。
var x = {{ 'value' }}
但我正试图反其道而行之。也就是说，我正在尝试将javascript值设置为jinja变量。我尝试了以下方法，但都不起作用。
{{value}} = x
{% set value = x %}
{% set value %} x {% endset %}
X是javascript变量。
有没有办法做到这一点。
浏览 4提问于2017-04-13得票数 9
我在Flask文档中看到，为了使用范围标记，我应该导入"jinja2.ext.loopcontrols“扩展。
我试图通过以下方式做到这一点：
app = Flask(__name__)
app.jinja_env.add_extension('jinja2.ext.loopcontrols')
app.config.from_object(__name__)
但是每次我使用范围标签时，它都会给我：
TemplateSyntaxError: Encountered unknown tag 'range'. Jinja was looking for th
浏览 1提问于2015-06-27得票数 1
回答已采纳
我正在尝试呈现一个简单的Jinja模板。无论模板是什么，或者传递给它的变量是什么，我在尝试呈现时都会得到一个错误。为什么我会得到这个错误，我如何修复它？
frontend = Blueprint('frontend', __name__, template_folder='templates')
@frontend.route('/')
def index():
stuff = dict()
stuff['page_title'] = 'Something'
stuff['cent
浏览 0提问于2015-09-10得票数 1
当涉及到jinja2时，我完全是一个新手。是否有必要构建一个框架才能使用jinja2？理想情况下，我会使用html、css、js和jinja。我想是python文件。
浏览 0提问于2017-11-01得票数 1
1回答
我正在使用Python3.2.3。我从这个页面下载了Jinja2.5：https://pypi.python.org/pypi/Jinja2/2.5.5
然后我使用setup.py来安装它。这看起来很有魅力。当我使用这一行进行测试时：
from jinja2 import Template
我得到了以下错误：
Traceback (most recent call last):
File "<stdin>", line 1, in <module>
File "/usr/local/lib/python3.2/dist-packages/
浏览 2提问于2014-11-09得票数 0
回答已采纳
我正在使用jinja2编写一个Flask应用程序，我试图将我的Python变量都传递到Javascript和HTML中。我制作了Javascript和HTML模板，但由于某种原因，Javascript被呈现并显示在错误的位置，我不知道问题出在哪里。
传递Python数据并呈现模板的控制器代码是：
@info_page.route('/info.html', methods=['GET'])
def info():
''' Documentation here. '''
session = db.
浏览 6提问于2014-10-01得票数 2
回答已采纳
具体来说，当我尝试用pipv6.0.6(在virtualenv内)安装Jinja2==2.6时，我会得到以下错误
(venv) $ pip show pip
Name: pip
Version: 6.0.6
Location: path..
Requires:
(venv) $ pip install Jinja2==2.6
Collecting Jinja2==2.6
Could not find a version that satisfies the requirement Jinja2==2.6 (from versions: 2.7.3)
No distributions mat
浏览 3提问于2015-01-04得票数 1
回答已采纳
1回答
在jinja2中，我可以在宏中指定常用的模板代码，本质上类似于模板函数：
{% macro input(name, value='', type='text', size=20) -%}
<input type="{{ type }}" name="{{ name }}" value="{{value|e }}" size="{{ size }}">
{%- endmacro %}
然后像这样使用它：
{% input("hello") %}
有没有办法用erb模
浏览 0提问于2012-06-13得票数 0
我正在尝试通过运行
ansible -m debug -a 'var=ansible_distribution' all
但我得到了
my_ansible_host0 | SUCCESS => {
"ansible_distribution": "VARIABLE IS NOT DEFINED!"
}
不过，我似乎可以在我的jinja模板中使用{{ansible_distribution}}。为什么会这样呢？(例如，这是否与我尚未弄清楚的事实和变量之间的区别有关？)如何更改命令以使其打印出ansible_distribution的值
浏览 5提问于2019-12-02得票数 3
回答已采纳
1回答
我试图使用Jinja2将javascript文件夹的路径发送到模板。javascript文件夹与index.py的路径相同，但问题是index.html位于模板文件夹中，无法加载url。那我怎么才能给jinja发送一个相对的url呢？
index.py
import cherrypy
from jinja2 import Environment, FileSystemLoader
env = Environment(loader=FileSystemLoader('templates'))
class Root:
@cherrypy.expose
def in
浏览 2提问于2013-12-30得票数 0
回答已采纳
1回答
<script type="text/javascript" src="../js/lib/hmac-sha512.js"></script>
var hash = CryptoJS.HmacSHA512('1111111', 'stub11111');
CryptoJS v3.1.2 code.google.com/p/crypto-js
但是为什么哈希是未定义的呢？
浏览 1提问于2015-06-17得票数 0
1回答
理解类的属性
、、、
为什么我不能在我的方法中直接写gpa而不是this.gpa呢？我在构造函数中设置了this.gpa = gpa。
class Student {
constructor(gpa) {
this.gpa = gpa;
}
stringGPA() {
return "" + this.gpa + "";
}
}
const student = new Student(3.9);
浏览 0提问于2019-04-24得票数 0
1回答
我有一个python项目，具有jinja模板和烧瓶-babel工作良好。我的问题是javascript文件。我在一个名为“静态”的文件夹中包含了所有js文件，但是在使用以下命令之后：
var food = gettext('food');
然后更新和编译，浏览器返回一个错误：
gettext is not defined
我见过一些使用babel.js或jsil18n的项目，但我不确定是否真的需要它。我如何定义gettext，就像我对jinja模板的定义一样？
浏览 0提问于2016-05-19得票数 1
回答已采纳
在我的init.py文件中有：
app.jinja_env.trim_blocks = True
app.jinja_env.lstrip_blocks = True
我希望在我的jinja2模板中，空格将被裁剪，以便：
<div>
{% if x == 3 %}
<small>{{ x }}</small>
{% endif %}
</div>
将作为：
<div>
<small>3</small>
</div>
相反，我会得到额外的空格：
<div>
<small>3&
浏览 4提问于2014-04-20得票数 25
回答已采纳
我有要显示在网页上的对象列表(HTML文件)。和类型(图、表等)物体的情况是不同的。
如果有图形对象，我应该加载关于图形的js和css文件。
因为我不想在列表中没有图形对象时加载js，css文件，所以我实现了以下jinja2模板HTML文件。
{% block body %}
{% set has_graph = 0 %}
{% for item in components %}
{% if item.form == 'graph' %}
{% set has_graph = 1 %}
{% endif %
浏览 2提问于2017-06-22得票数 0
回答已采纳
我正在尝试从API获取数据，使用Jinja将其传递给模板，并使用CanvasJS绘制数据图表。
在使用baked in值时，就像在CanvasJS示例中一样，图表可以正确显示；但是，当我尝试使用Jinja输入值时，图表无法显示。
额外代码的一个原因是，应用程序接口以"YYYY-MM-DD“的形式返回日期，而JS需要单个值，所以我使用Jinja拆分它们。也许，我可以使用JS来拆分它们。
我的CanvasJS代码+ Jinja如下所示：
window.onload = function () {
var chart = new CanvasJS.Chart("chartCo
浏览 11提问于2019-11-17得票数 4
回答已采纳
我有一个带有javascript函数的文档内联脚本标记，但是我需要转义第二个$符号？为什么不避开两者，即第一个和第二个呢？
$js = "<script>$(function(){\$('#slider').anythingSlider({autoPlay: true, delay: 5000, animationTime: 400, easing: \"easeInOutExpo\"});});</script>";
浏览 0提问于2012-06-01得票数 0
1回答
带有(正确的)数据的POST localhost/api/login username=test password=test给出了以下内容：
Error: Unknown authentication strategy "[object Object]"
at attempt (/var/www/node_modules/passport/lib/middleware/authenticate.js:166:37)
at authenticate (/var/www/node_modules/passport/lib/middleware/authenticate.
浏览 5提问于2015-02-04得票数 1
回答已采纳
1回答
我已经为一个类配置了swagger和使用常量创建基本路径的错误， public static final String paymentControllerBasePath = "cx/payment/v1"
public static final String payoutControllerBasePath = "cx/payment/v1" 如果我尝试将它们导入到一个类中，比如@Api(tags = { paymentControllerBasePath }, value = "payment functionality", produce
浏览 33提问于2020-08-10得票数 1
1回答
我是一个新的开发人员，我有一个包含数据的Json对象，我试图使用render_template将它传递到特定的页面
关于这件事，我见过几个答案，但出于某种原因，没有一个对我有用。
我知道Javascript和烧瓶之间的联系是牢固的，因为我可以在JS中的Onload函数上使用console.log("string")，但是它似乎没有识别出我传递给呈现模板的任何东西
我已经尝试过的事情
将json对象保存为变量，并通过呈现模板传递它。
x = {"Success": True , "Msg":" lets try to get jin
浏览 1提问于2018-11-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
