将Javascript变量传递给Django标记
是指在前端使用Javascript获取到的数据，传递给后端的Django模板中的标记进行处理和展示。这样可以实现前后端数据的交互和动态内容的生成。
在实际应用中，可以通过以下步骤将Javascript变量传递给Django标记：
- 在前端页面中，使用Javascript获取需要传递的数据。可以通过DOM操作或Ajax请求等方式获取数据，并将其保存在一个Javascript变量中。
- 将获取到的数据传递给后端的Django视图函数。可以通过Ajax请求将数据发送给后端，或者在表单提交时将数据作为参数传递给Django视图函数。
- 在Django视图函数中，接收前端传递的数据，并进行相应的处理。可以通过request对象获取到前端传递的数据，并将其传递给Django模板。
- 在Django模板中，使用Django标记接收并处理前端传递的数据。可以使用Django模板语言中的变量、标签和过滤器等功能对数据进行展示和处理。
举例来说，假设前端页面中有一个按钮，点击按钮时触发Javascript函数获取一个数字，并将该数字传递给后端的Django模板进行展示。具体步骤如下：
- 在前端页面中，定义一个按钮和一个用于展示结果的区域：
<button id="myButton">点击获取数字</button>
<div id="result"></div>- 使用Javascript监听按钮的点击事件，并获取数字：
document.getElementById("myButton").addEventListener("click", function() {
var number = 42; // 假设获取到的数字为42
// 将获取到的数字传递给后端的Django视图函数
// 可以通过Ajax请求或表单提交等方式将数据发送给后端
});- 在Django视图函数中，接收前端传递的数据，并将其传递给Django模板：
from django.shortcuts import render
def my_view(request):
number = request.GET.get('number') # 假设通过GET方式传递数据
return render(request, 'my_template.html', {'number': number})- 在Django模板中，使用Django标记接收并处理前端传递的数据：
<!-- my_template.html -->
<div>前端传递的数字为：{{ number }}</div>通过以上步骤，就可以将Javascript变量传递给Django标记，并在Django模板中展示该变量的值。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云原生数据库 TDSQL-C：https://cloud.tencent.com/product/tdsqlc
相关·内容
2回答
我正在尝试弄清楚如何组织我的javascript/django代码。
到目前为止，我习惯于将特定于javascript页面的代码放在同一个文件中。也就是说，我将javascript嵌入到模板内的<script>标记中。当我的JS代码变得很大时，这会造成很多混乱：
我的JS代码中的django模板变量{{var}}看起来不太好，当我尝试使用如下工具将其缩小时，我得到一个错误：，和我只是尝试尽可能地将它们分开。<>F210</>
现在，在我的嵌入式<script>标记中，我的JS代码看起来像这样：
var app = {
func: functi
浏览 1提问于2016-04-14得票数 0
我有一个包含字符串列表的python列表。这些字符串包含超文本标记语言和JavaScript。现在，我在Django视图中使用sentences = json.dumps(l)，然后在模板中使用{{sentences|safe}}，它对一些字符串有效，但它在包含大量HTML和JavaScript的字符串上中断。如何解决此问题？
谢谢你的帮助。
我试过JSON.parse(sentences), {{sentences|escapejs}}, {{escape|safe}}
# in django view
sentences = json.dumps(l)
return render(requ
浏览 0提问于2019-09-11得票数 2
情境:我正在使用Django 1.9。我有一个javascript循环，它将一些javascript存储在数据库中。这个js有一些django标记，当js加载到我的模板时，我想加载这些标记。这是一项功能：
{% extends "base_clean.html" %}
{% load i18n %}
{% block title %}{% trans "Campaign" %} - {{ campaign.name }}{% endblock %}
{% block content %}
Some HTML
Some CSS
<script ty
浏览 2提问于2016-05-20得票数 2
回答已采纳
我正在开发一个应用程序，它使用Django和jQuery做各种事情。我正在尝试用jQuery组装一个AJAX请求，该请求要求我使用Django的{% url %}模板函数。url调用所需的参数之一存储在JavaScript变量中。是否可以将JS变量的值插入到{% url %}标记中？就像这样
var jsvar = somestuff;
{% url some.view arg1=jsvar %}
浏览 0提问于2011-03-25得票数 0
回答已采纳
已经过了两天了，我正在努力弄清楚如何做到这一点。我是新手，所以请给出尽可能详细的解释。
我在我的views.py里做这个
dict1 = simplejson.dumps(dict1)
return render_to_response('main_page.html', {
'js_testsuite':testsuite_dict,
'js_testset':js_testset,
'dict1':dict1
浏览 2提问于2012-10-28得票数 0
回答已采纳
我正在自学python，我正在尝试创建一个密码生成器。我想要程序做的是，生成一个随机密码并将其保存到文本文件中。我在获取密码以保存到文本文件方面有什么问题。我能够获得一个生成的密码，但是我在text_file file.write( output ) NameError中得到了一个错误代码:虽然我已经定义了输出，但没有定义名称'output‘。如果有人能告诉我我做错了什么，我会很感激的。如果需要更多的信息，请告诉我。谢谢
import random
import string
# Generates a password from random.choice
length = int
浏览 2提问于2020-06-04得票数 0
回答已采纳
17回答
当我使用Django模板呈现器呈现页面时，我可以传递一个包含各种值的字典变量，以便使用{{ myVar }}在页面中操作它们。
是否有一种方法可以访问Javascript中的相同变量(也许使用DOM，我不知道Django如何使变量可以访问)？我希望能够根据传入的变量中包含的值使用AJAX查找来查找详细信息。
浏览 20提问于2008-11-18得票数 294
回答已采纳
我在试着找到结账的解决方案。这是为我制作的一个定制应用程序，其中用户选择一件T恤，设计，墨水颜色，尺寸等。这是一个纯粹的as3闪光应用程序，最终将在品牌网站上托管。我有API用户名和证书，我目前正在使用一个购买按钮，它使用的代码片段从贝宝HTML按钮代码。//这些是白色Design1产品的“立即购买”按钮的代码片段。
//Listeners
buyTingBtn.addEventListener(MouseEvent.CLICK, buyTINGnow);
//Functions
function buyTINGnow (event:MouseEvent):void
{
var
浏览 1提问于2013-05-16得票数 0
2回答
假设我有一个简单的片段，我想在我的网站上到处重复(有时每页重复几次)：
<div class="snippet-css">
<h1>{% block snippet-header %}{% endblock %}</h1>
<div class="snippet-content">
{% block snippet-content %}
{% endblock %}
</div>
<div class="snippet-footer">
{%
浏览 1提问于2014-03-25得票数 1
回答已采纳
我试图将JSON格式的Django对象提取到javascript变量中。我已经使用了来自导入序列化程序的django.core预定义方法(在Django中可用)将其转换为JSON格式。当我试图直接将该对象提取到Jinja标记中时，它会打印所有数据，但当我试图在Javascript变量中获取该数据时，它将无法工作。
view.py
from django.http import HttpResponse
from django.shortcuts import render
from .models import Employee
from django.core import serializ
浏览 2提问于2020-01-08得票数 0
在Django模板中，可以使用with标记将新的命名变量引入上下文：
{% with total=business.employees.count %}
{{ total }} employee{{ total|pluralize }}
{% endwith %}
我发现自己经常使用它来重命名变量，这样我就可以包含可重用的模板：
{% with user_list=request.user.friends %}
{% include '_user_list.html' %}
{% endwith %}
有没有一种方法可以在不使用with标记的情况下在上下文中引入
浏览 0提问于2013-05-02得票数 1
回答已采纳
我知道我们可以在模板(html文件)中使用Django变量和{{ variable }，但是如何在模板中包含的Javascript文件中使用变量Django呢？
例如，这里是我的template.html：
<html>
<head>
<script src="/static/youtube.js"></script>
...
如何在youtube.js中使用变量{{youtube.js}？不是在template.html中，因为我在Javascript文件youtube.js中使用{{user.get_username}时没有编
浏览 1提问于2016-04-18得票数 18
回答已采纳
我正在使用django-图像裁剪：
我试图通过手册实现简单的收获。我使用的是1.7.1 Django版本。
models.py
class Image(models.Model):
file = models.ImageField('File', upload_to='dependencies/images/photos/')
gallery = models.ForeignKey('Gallery', related_name='images', blank=True, null=True)
cropping = ImageRa
浏览 0提问于2015-01-01得票数 0
回答已采纳
我希望从客户端发送一个字符串值作为javascript变量，以便在django-模板中使用。具体来说，字符串是图像的相对路径，它将在django模板中使用django模板标记静态。静态文件位于Amazon模板上，应该使用S3模板的静态标记提供。
在django模板中，我需要javascript中的变量photo_url。
<img class = "main-img" src = "{% static photo_url %}" alt="main photo" />
现在，在javascript中，我已经将span的innerhtm
浏览 8提问于2013-11-30得票数 1
回答已采纳
3回答
我试图在博客中显示一些HTML标记，并想知道是否有一种方法可以直接包装Django模板的一部分，而不将其放入上下文变量中。
例如，我想输出一堆代码，其中一些是JavaScript，一些是HTML，还有一些是CSS。如果我直接将代码输入Django模板，并将其包装在一些预标记中：
<pre>
/* Here is the markup I want to display: */
... lots of HTML
</pre>
HTML标记被呈现。
当然，为了展示：
<
我应该用
<
以及展示
>
我应该用
>
我尝试在代
浏览 5提问于2014-06-22得票数 2
回答已采纳
我需要使用javascript代码将一个html页面的值传递给另一个html javascript函数。如何传值。提前感谢
view.cshtml:
b.on('click', function () {
document.location.href = + '?Id=' + sData; // need to pass the value
});
index.cshtml:
function getId(data) { // i need to get the data here
}
浏览 3提问于2013-02-26得票数 0
如何比较javascript变量"var1“和django多个值。如果一个答案是可以的，程序应该说很好！
Django + Javascript:
<script>
var var1 = document.getElementById("userAnswer").value;
if (
{% for textEUS in question.textEUS.all %}
var1 == {{ textEUS }}
{% endfor %}
){
浏览 2提问于2020-05-23得票数 0
我正在学习Django，并遇到了2组我从未见过像这样使用的特殊字符。我可以猜到它们在示例中的用途，但不理解它们的范围。
它们是：
{% if registered %}
{{ user_form.as_p }}
我在上下文中添加了if registered和user_form.as_p。我只关心它的{% %}和{{ }}部分。
这些是只在Django中使用还是也在Python中使用？
每个人的意思是什么？
还有其他类似的字符集吗？
浏览 2提问于2016-01-06得票数 21
回答已采纳
我将json从视图返回到django模板，这样我就可以在javascript中处理数据了，但是现在我还需要使用django模板语法访问其中的一个数组。这似乎不是很有效。
在我的视图中，我创建了一个包含对象项的python数组。我像这样返回simplejson.dumps：
response_dict = {"Description":pkg.desc,"MyTypes":pkgtypes,...
return HttpResponse(simplejson.dumps(response_dict), mimetype='text/javascript&#
浏览 0提问于2011-08-19得票数 0
1回答
我正在尝试将Django模板呈现为一个自包含的HTML文件。例如，我希望<link>-ed的CSS样式表可以扩展为<style>部分。Javascript文件也是如此。通过这种方式，HTML文件是完全独立的。
Django中有没有一个选项或扩展可以做到这一点？如果没有，那么实现这一目标的最佳方法是什么？
浏览 2提问于2013-06-03得票数 1
回答已采纳
我试图使用javascript在django模板中加载特定的映像，但似乎遇到了基于django标记格式化方式的问题。
我在一个django标记中有一个标准的img静态资产源，如下所示：
{% load static %}
<img src="{% static 'img/folder/logo1.svg' %}" id="orgLogo" alt="Logo" height="100px"/>
我在页面下面显示来自django的数据，如下所示：
<a id="orgName" cl
浏览 0提问于2018-09-20得票数 0
回答已采纳
我试图将queryset数据作为javascript变量传递给模板。我知道我在做一些不管用的傻事。
views.py
from django.http import HttpResponse
from django.template import Context,Template,RequestContext
from django.shortcuts import render_to_response, render
from django.conf.urls.static import static
from django.contrib import admin
from djang
浏览 0提问于2020-06-23得票数 1
回答已采纳
我的应用的urls.py是：
from django.urls import path
from . import views
app_name = 'javascript'
urlpatterns = [
path('create_table', views.create_table, name='create_table')
我的views.py是：
def create_table(request):
row_data = "this is row data"
context = {'row
浏览 0提问于2018-03-15得票数 11
回答已采纳
我试图在django模板中填充一个表，但我想比较单元格值，其中一个是javascript变量，另一个是django模板变量。有没有可能在不将django变量转换为javascript变量的情况下对它们进行比较？或者有没有快速解决的办法？ {% for x in price_data %}
<script>
counter++
var VALUE =document.getElementById("price_table").rows[0].cells.item(counter).innerHTML;
</script>
{% if x.room_sc
浏览 4提问于2019-10-11得票数 0
2回答
我在django模板中的if语句太长。我想把它分成多行。
{% if ABCDEFGH == BENDHSS and asdasd == asdasdas or asasdas == asdasdd and dasdasdsa == asdasdass or ghgfgsd == efdscsdfg and sgrtvsd == acsdfer %}
我想将上面的代码行分成多行。在python中，我们用一个反斜杠(“\”)来中断它。
if ABCDEFGH == BENDHSS and asdasd == asdasdas or \
asasdas == asd
浏览 2提问于2018-07-03得票数 3
我在互联网上尝试了很多解决方案，也尝试了很多URL模式，但都没有成功。这是我的urls.py
urlpatterns = [
re_path(r'^category/(?P<cat>\w+)/$',views.categoryPage,name="category"),
re_path(r'^',views.home,name="index"),
]
html链接
<a class="nav-link" href='{% url "category" cat=mobile
浏览 5提问于2020-08-02得票数 0
回答已采纳
2回答
将"'2015/07/01'"传递给django模板是在我的浏览器：'2015/07/01'中查询这个字符时呈现的。
我需要'2015/07/01' (这是将它包含到javascript函数中，而我的浏览器并不将它解释为'2015/07/01'，而是在javascript中将其设置为'2015/07/01' )。如何打印'2015/07/01'？
浏览 1提问于2015-07-07得票数 3
回答已采纳
如果需要传递模板变量，如何在Django中指定命名URL模式？我的模板包含以下URL：
# templates/welcome.html
# Link to template that shows all members near member with this uid
<a href="{% url 'show-members-near' %}uid={{ uid }}">Show members near you</a>
我的顶级URLconf文件包含以下模式，它指向特定于应用程序的url文件：
# conf/urls.py
url
浏览 3提问于2014-12-16得票数 2
回答已采纳
如果一个Django模板变量具有多到多的模型，那么是否可以将它传递给Javascript函数并访问它呢？
(我想得到的是当前用户所属的组的列表，包括pk )。
例如，如果我有一个用户jsmith属于两个组，alpha和beta。
<html>
<script type="text/javascript">
mangle_data("{{ user.name }}", "{{ user.groups }}", "{{ user.groups.all }"");
</script>
浏览 3提问于2012-12-14得票数 0
回答已采纳
我正在做一个使用Django和React的项目。我从Django的Twitter API中获取数据，并希望在前端显示这些数据。我将来自django views.py的数据作为javascript变量传递给index.html。然后我想把它放在Components文件夹中的Landing.js中。我使用了React路由器，I Landing和Main页面是我到目前为止要路由到的页面。我还没有弄清楚如何将数据从单个html文件传递到React中的Javascript组件。
提前感谢
<!-- index.html -->
<section class="section
浏览 0提问于2018-09-23得票数 3
我试图扩展一个包含这个块的模板：
{% block headerjs %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
<script type="
浏览 2提问于2013-09-20得票数 4
这里有一个关于将变量传递到Django模板的问题。目标是根据照片的类型过滤一组照片。我最初想从S3和它所在的文件夹中完成，但目前这有点超出了我的能力范围。我只是创建了不同的网址来说明这一点。我遇到的问题是，我希望将变量传递到扩展base_layout.html的模板中，但它不会为该变量呈现任何内容。我是不是没有理解该怎么做呢？
Model.py
from django.db import models
# Create your models here.
class Gallery(models.Model):
title = models.CharField(max_length
浏览 2提问于2018-11-24得票数 0
1回答
我正在做一个简单的django应用程序，需要确保我的csrftoken被正确设置，这样我就可以发布响应。
当我在本地测试，并查看我的javascript调试，一切都是正确的，并且csrf是正确的附加。但是，当我查看在Heroku中运行的完全相同的断点时，整个getCookie函数返回一个空白。FYI，我使用的是来自getCookie的标准函数
// using jQuery
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie != &#
浏览 5提问于2013-08-03得票数 0
回答已采纳
我想在django模板中创建新的变量，它将具有比较值
obj.site.profile.default_role == obj
不幸的是，这些代码都不能工作：
{% with obj.site.profile.default_role==obj as default %}{% endwith %}
{% with default=obj.site.profile.default_role==obj %}{% endwith %}
正确的语法是什么？
浏览 3提问于2015-06-19得票数 5
嗨，现在我在一个我的投资组合网站上工作，我试图使一个按钮，使用相同的风格，但想要使用它的两个按钮(1)转到一些页面(2)下载简历。但它们都执行操作(1)。我不知道如何让这两个按钮做不同的工作。
这是Button的代码，
import React from 'react';
import './Button.css';
import { Link } from 'react-router-dom';
const STYLES =['btn--primary', 'btn--outline'];
const SIZE
浏览 2提问于2021-03-11得票数 0
我可以在django模板中使用javascript中的{% url 'ajax_choice_question' %}吗？
例如:如何使这个工作？？
urls.py
url(r'^ajax/quest/$','getChoices',name='ajax_choice_question'),
内模板
<script>
var urllink="{% url 'ajax_choice_question' %}";
alert(urllink);
</scritp>
浏览 6提问于2013-10-10得票数 0
回答已采纳
2回答
我在ansible的文件中有以下内容：
- name: Run the Django syncdb command
django_manage:
command: syncdb
app_path: '{{ application_path }}'
virtualenv: '{{ virtualenv_path }}'
settings: '{{ django_settings_file }}'
environment: django_environment
when: run_django_syncdb
浏览 2提问于2014-12-07得票数 0
回答已采纳
5回答
我传递给Django的模板一个函数，它返回一些记录。我想调用这个函数并迭代它的结果。
{% for item in my_func(10) %}
那不管用。我尝试将函数的返回值设置为变量并对变量进行迭代，但似乎无法在Django模板中设置变量。
有什么正常的方法吗？
浏览 10提问于2010-03-18得票数 74
回答已采纳
我使用Django注册来管理注册和登录/注销，以及Django的身份验证系统。它工作得很好，我有一个基本的模板，在那里我已经把一个' login‘链接，将用户带到另一个页面登录。我想用实际的登录表单(用户名/密码)替换这个链接，这样表单就会直接出现在每个页面中。有什么建议吗？
浏览 1提问于2012-02-22得票数 3
回答已采纳
我试图用django if语句更新html元素：
element.innerHTML= `{% if person.name == ${value} %} something {% endif %}`
但我收到一个错误：
TemplateSyntaxError at /
Could not parse the remainder: '${value}' from '${value}'
我也试过：
`{% if person.name == ${value} %} something {% endif %}`
但这份声明不能正常运作。我能做些什么来将javasc
浏览 14提问于2022-03-25得票数 1
回答已采纳
1回答
当jsevent触发时，它将链接参数转发到按钮的data-url属性，当用户单击该按钮时，它将重定向到django后端视图，但是JS的解析行存在问题。
$('#btn_del').attr('data-url'，{% url 'event_delete' + event.id + %})；有没有机会组合这个语法？谢谢，祝你过得愉快。
JS:
eventClick: function(event, jsEvent, view) {
$('#modalTitle').html(event.id);
浏览 0提问于2019-05-13得票数 0
回答已采纳
2回答
我想在我的Django项目中实现Vue.js。
Code:
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudfla
浏览 23提问于2017-07-11得票数 1
回答已采纳
1回答
我是一个用ASP .NET的新手。我正在使用一个带家长复选框(User Type)的中继器，在内部我也使用其他中继器控件来显示User Type Divisions。
因为Checkbox Microsoft ASP control没有值，所以我使用html input type checkboxes，因为我需要使用javascript和jquery执行任何操作。
我的代码如下：
ASPX代码
<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Admin/Admin.Ma
浏览 1提问于2012-01-21得票数 1
回答已采纳
1回答
如何将现成的html对象列表导入angulars商店？
例如，在Django模板中，我可以执行如下操作：
{% for product in products %}
<div class="product">{{ product.title }}</div>
{% endfor %}
<div class="product" ng-repead="product in products">{% verbatim %}{{ product.title }}{% endverbatim %}</div
浏览 5提问于2015-04-11得票数 0
回答已采纳
2回答
我试图将以下上下文从views.py传递给Django模板：
views.py：
def home(request):
context = {
'dict_1': {'key_1': ['val_11', 'val_12'], 'key_2': ['val_21', 'val_22']}
}
return render(request, 'app/home.html', context)
home.html：
&l
浏览 7提问于2022-03-30得票数 2
回答已采纳
4回答
让用户用一组预定义的变量制作自己的Django模板，然后在服务器上呈现这个模板，这样安全吗？我只会向render传递一组非常有限的参数，所有这些参数都是字符串。模板应该类似于：
hey, my name is {{name}}.
所以，问题是，有没有什么django模板标签可以被滥用来获取用户不应该获得的信息？我最担心的是{% url %}标签。
附注：
我在填写标题后注意到了，然而，我的问题略有不同。我可能根本不允许使用HTML/javascript，使用Textile/Markdown，或者找到一种方法将HTML限制在一组非常基本的标记上。
浏览 1提问于2010-02-23得票数 8
回答已采纳
我刚开始学习Django，今天到了评论部分，我只是从Django文档开始练习。。当我在DetailView页面上做练习时，添加评论表单的命令工作得很好，但是现在我也想在ListView页面上添加一个评论表单，然后它得到了这个错误。
下面是回溯: Environment: Request方法: GET
Django Version: 1.4.3
Python Version: 2.7.3
Installed Applications:
('django.contrib.auth',
'django.contrib.contenttypes',
'djang
浏览 6提问于2013-01-24得票数 2
回答已采纳
3回答
我正在构建django管理站点，并使用javascript和jquery (2.0.3)向表单添加一些额外的功能。
我将脚本导入到页面中，如下所示：
<html>
<head>
<script type="text/javascript" src="/static/admin/js/jquery.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.in
浏览 11提问于2014-12-02得票数 4
回答已采纳
这是一个Django (python)开发人员第一次尝试做一些前端的事情。
前端脚本
<script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
function dropdownFunc(val){
console.log(val.includes("NoneOfThese_"))
if (val.includes(
浏览 0提问于2020-11-25得票数 0
Django的和有什么区别？
我已经阅读了文档，两者似乎都实现了相同的目标:呈现一个传递给它的上下文或变量的模板。
浏览 0提问于2013-01-08得票数 14
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
