如何使用ajax on key up将这个变量从django视图发送到html？
使用Ajax on key up将变量从Django视图发送到HTML的步骤如下：
- 在HTML页面中，使用JavaScript监听输入框的键盘事件，当键盘松开时触发事件。
- 在事件处理函数中，获取输入框的值，并将其存储在一个变量中。
- 使用Ajax技术，通过POST或GET请求将变量的值发送到Django视图。
- 在Django视图中，接收Ajax请求，并获取传递的变量值。
- 在Django视图中进行相应的处理，例如查询数据库或执行其他业务逻辑。
- 将处理结果返回给前端，可以使用JSON格式进行数据传输。
- 在前端的Ajax请求回调函数中，接收到Django视图返回的数据，并进行相应的处理，例如更新页面内容或显示提示信息。
以下是一个示例代码：
HTML页面：
<input type="text" id="myInput">
<script>
document.getElementById("myInput").addEventListener("keyup", function() {
var inputValue = this.value;
// 发送Ajax请求
$.ajax({
url: "/my-django-view/",
type: "POST",
data: {
'input_value': inputValue
},
success: function(response) {
// 处理Django视图返回的数据
console.log(response);
}
});
});
</script>Django视图：
from django.http import JsonResponse
def my_django_view(request):
if request.method == 'POST':
input_value = request.POST.get('input_value')
# 在这里进行相应的处理，例如查询数据库
result = {'message': '处理成功'}
return JsonResponse(result)在上述示例中，通过监听输入框的键盘事件，获取输入框的值，并使用Ajax将其发送到名为my-django-view的Django视图。Django视图接收到请求后，获取传递的变量值，并进行相应的处理，最后将处理结果以JSON格式返回给前端。前端的Ajax请求回调函数中可以对返回的数据进行处理，例如更新页面内容或显示提示信息。
请注意，示例中使用了jQuery库来简化Ajax请求的操作，需要在页面中引入jQuery库。另外，示例中的URL路径和视图函数名需要根据实际情况进行修改。
相关·内容
3回答
我想在Django框架中发出一个ajax请求。但是，我不会在json中传递从客户端获取数据。当我不使用Json时，它可以工作。如果我在ajax中使用dataType:'json‘和{'a'：'value'}，我无法在view.py中获取它，结果是什么都不是……但是，如果我在ajax中使用data:$(this).serializeArray()，我可以使用request.POST获得结果。然而，我真的需要自定义我的数据，并将表单中的数据以外的其他数据发送到我的view.py。我想发送一个{'a'，'mydata'，'
浏览 1提问于2013-08-24得票数 2
我正在尝试在Django中从视图到模板传递列表。
在我的文件wiew.py中，我定义了名为hour的视图
# This Python file uses the following encoding: utf-8
from django.shortcuts import render
from django.http import HttpResponse
from datetime import datetime
from django.shortcuts import render_to_response
# Create your views here.
def hour(requ
浏览 1提问于2014-03-01得票数 7
我试图将来自两个不同下拉列表的两个值发送到Django视图，但是它不起作用。只将第一个下拉值发送到视图。
假设我有以下观点：
def MyView(request):
if request.method == 'POST' and request.is_ajax:
result_1 = request.POST.get('d1')
print(result_1)
result_2 = request.POST.get('d2')
print(result_2)
这是ht
浏览 1提问于2020-03-09得票数 2
回答已采纳
我希望将一个变量从我的控制器发送到一个视图，然后该视图将该变量用作外部文件中的Javascript函数的参数。例如，我知道可以使用数组将变量从控制器传递到视图，然后使用：
var quiz_key = <?php echo $quiz_key; ?>;
将php变量传递给javascript变量，然后我可以将该变量用作函数的参数。但是，在这样做时，如果用户要查看源代码并查看html，则变量将变为可见变量。在这种情况下，在变量不可见的情况下，是否有一种方法可以实现这一点？
提前感谢！我仍然掌握这方面的诀窍，所以任何帮助都是值得感激的！
浏览 2提问于2015-05-11得票数 0
回答已采纳
我希望在用户(通过JQuery)对页面的外观进行一些修改之后，捕获并保存页面的状态(Django模板+后端)。现在，我已经使用JS变量获得了innerHTML，我需要将它发送到Django视图来进行保存。如何调用此Django视图并将其传递给JS变量？
答:关于堆叠溢出的第一个问题，如果问题不清楚或者格式不正确，请告诉我。
浏览 2提问于2012-05-14得票数 1
2回答
我正在尝试将数据从网页发送到django视图，以便作为序列化的json保存到数据库中。如果可能，我希望避免使用django的QueryDict对象，而只使用simplejson、flatten和save来读取请求并保存到数据库中。什么是发送数据的最好方法，以便simplejson可以将其扁平化？
var languages = {};
languages['english'] = ['mark', 'james'];
languages['spanish'] = ['amy', 'john'];
浏览 0提问于2011-09-02得票数 4
回答已采纳
我正在尝试根据用户从下拉框中进行的选择来过滤和显示Django中的数据。我正在使用ajax调用向Django视图发送请求。例如，当用户选择航空公司A时，Ajax会将该选择的“值”作为整数发送到Django后端，以过滤数据并将其发送回前端。下面是我的代码：
HTML：
<form method="GET">
<select id="airline-selected">
{% for airline in airline_list %}
<option value="{{ airl
浏览 4提问于2017-08-05得票数 4
回答已采纳
1回答
我刚接触过ajax，所以希望这只是一个简单的疏忽。
下面的代码是基于django updown应用程序编写的
$(document).ready(function() {
$("#custom-post-up").submit(function(event){
event.preventDefault();
$form=$('#custom-post-up');
var datastring = $form.serialize();
$.ajax({
type:
浏览 2提问于2014-10-13得票数 1
回答已采纳
正如我在一篇教程中看到的，我正在尝试通过带有POST方法的ajax将数据发送到django视图。 我编写的代码如下(myURL是我调用testview的网址)： $(document).on('submit','#form',function(e){
e.preventDefault();
$.ajax({
type:'POST',
url:'/myURL/',
data:{
HELLO: "
浏览 15提问于2019-05-08得票数 0
回答已采纳
2回答
我的模板中有一个脚本，它试图在during单击事件期间将数据发送到django视图。我的问题是，请求似乎无法到达视图。浏览器控制台可以正确地查看请求，但是当我调用request.is_ajax()时，django视图甚至都不返回true。
request.method返回GET而不是POST，数据为空。无论请求类型如何，此行为都是持久的。
html
<a onclick="setGetParameter(this)" pid="some_id">Some Text</a>
.js
<script>
var csrftoke
浏览 3提问于2021-01-29得票数 1
我正在编写一个HTML5前端移动应用程序，并考虑创建用于从服务器获取数据的RESTful API。对于后端，我使用Django，因此我在Django中使用了各种可用于RESTful API的选项，我遇到了tastypie，piston等。
我获得了使用这些框架的一些优点(如安全性等)，但我仍然不清楚使用普通的基于django view的RESTful API的缺点。我正在考虑将JSON对象发布到普通的django视图，对其进行解析和处理，并将其存储在数据库中。
类似地，将GET请求发送到django视图，从各种DB表加载数据，并将JSON对象作为响应发送回来(作为application/jso
浏览 2提问于2012-07-30得票数 3
回答已采纳
已经过了两天了，我正在努力弄清楚如何做到这一点。我是新手，所以请给出尽可能详细的解释。
我在我的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
回答已采纳
4回答
嗨，我刚刚开始使用Ajax，并且正在从html中的textfield (id_title)获得一个输入，以便动态地从数据库中检索信息。当文本字段中有来自用户的输入时，它现在工作正常，但是当没有输入时，数据库仍然检索数据库中的前几条记录。当'id_title‘为空时，如何避免调用success函数？
编辑：
也许我应该补充一下，我正在使用Ajax和Django框架。当没有输入时，检索前10条记录。当django函数中没有从'query‘处接收到的输入时，我不确定如何停止将记录发送到’qna/rec_Resul.html‘。
Django函数(参考函数在/qna/问答_t_查找/)
浏览 5提问于2012-07-24得票数 0
回答已采纳
这是html
<input id="fileUpload" multiple="multiple" type="file"/>
<ul>
<li><div id="image-holder"></div></li>
<li><input type="submit" value="Next"></li>
</ul>
这是脚本
<script type="text
浏览 21提问于2016-07-23得票数 2
您好，我们正在尝试将一个javascript字符串变量发送到django视图。这听起来很简单，但我已经三天没有尝试过了！我几乎已经阅读了关于堆栈溢出的每一个相关问题，我只是不知道我做错了什么。
模板HTML页面上的JAVASCRIPT
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<!--also have a jquery file imported further up in my code -
<script type="text/
浏览 0提问于2013-04-02得票数 1
回答已采纳
1回答
我想创建一个网站，您可以选择一个本地文件(XML/JSON)，然后转到Django视图，从中读取数据。我应该使用javascript来选择表单并将文件发送到特定的URL (对于Django视图)吗？怎么做？有什么例子吗？
我从开始。
浏览 2提问于2013-11-07得票数 0
回答已采纳
我一直在教自己python和Django，我想在网页上显示一个可点击的地图。我不知道javascript，但我找到了jvectormap，它看起来很简单，工作也很好。
然而，我对模板标签感到困惑。使用下面的代码，我可以显示一个世界地图，使用onregion函数可以获得国家代码并将其发送到一个警报，如果我注释掉警报，我可以使用Django URL标记发送到另一个网页。
{% load static %}
{% load static %}
{{params}}
<!DOCTYPE html>
<html>
<head>
&l
浏览 7提问于2020-05-23得票数 0
1回答
我在Django和jQuery还是个新手。我正在寻找一种方法，当我单击一个按钮时，将一些jquery变量发送到我的django视图。我已经创建了一个按钮和一些jQuery代码，它们可以在单击时显示带有按钮值的警告消息，但我不知道如何将该值发送到我的django视图。
浏览 2提问于2017-07-13得票数 0
我有以下代码(jQuery)来创建json文件：
$( ".save" ).on("click", function(){
var items=[];
$("tr.data").each(function() {
var item = {
item.Code : $(this).find('td:nth-child(1) span').html(),
itemQuantity : $(this).find('td:nth-child(4) span').html()
};
item
浏览 2提问于2016-04-12得票数 1
1回答
我试图找出如何在Django中传递变量--一个特定的js文件，该文件发出AJAX请求。
假设我们有一个带有路径参数的url，它映射到一个特定的视图：
url(r'^post/(?P<post_id>\d+)/$', TemplateView.as_view('post.html'))
然后，post.html包含一个脚本，该脚本执行AJAX请求，将post获取为JSON：
post.html
<script src="{{ STATIC_URL }}/js/post.js"></script>
<div
浏览 4提问于2016-09-12得票数 1
回答已采纳
我想将几个变量从模板(下拉表单)传递给视图函数。视图函数是不一样的，它是一个不同的视图函数。
以下是views.py
from django.shortcuts import get_object_or_404, render
from django.http import Http404, HttpResponse, HttpResponseRedirect
from polls.models import Choice, Poll
from django.core.urlresolvers import reverse
from django.template import Request
浏览 1提问于2014-06-05得票数 0
回答已采纳
我正在尝试通过如下ajax调用从Django视图调用返回JSON响应：
var tab = 'test';
var response = $.ajax({
url: "/" + tab + "/"
}).responseText;
alert(response);
这是我的Django视图：
if request.is_ajax() == True:
req = {}
req['html'] = '<b>This is a test</b>'
respons
浏览 0提问于2009-08-26得票数 4
回答已采纳
我对使用django.contrib.auth.view.login视图的Django MPTT有问题，
在urls.py中，有
(r'^accounts/login/$', django.contrib.auth.view.login),
我的模板注册/login.html扩展了基本模板-login.html：
{% extends "base.html" %}
现在，我在base.html中使用MPTT，如下所示：
{% load mptt_tags %}
<ul>
{% recurset
浏览 4提问于2012-06-06得票数 0
2回答
我有一个django视图，它使用一个模板来显示一个长查询集(> 800个条目)。视图渲染需要几秒钟的时间，渲染完整个页面后，它会将其发送到浏览器。相反，我希望模板呈现为迭代器，以便它可以在生成页面时逐行传输页面(这样我就可以看到页面出现在我的浏览器中)。我不想在看到任何东西之前等待几秒钟。
现在，我的视图返回render_to_response('view_name.html', {items:myitems})。
像我在Django中描述的那样，将模板呈现到迭代器中是可能的吗？
浏览 1提问于2011-12-17得票数 1
回答已采纳
我正在使用Django CMS，并试图找出如何扩展CMS页面的视图。例如，假设我在CMS (/about)中创建了一个名为"About“的页面，该页面使用about_template.html文件。在呈现模板之前，我希望能够向响应发送额外的变量。如何覆盖视图以将这些附加变量发送到“关于”页？
浏览 2提问于2013-11-19得票数 0
回答已采纳
我知道如何使用视图将数据从Django发送到html
def index(request):
coord = "[[1, 2], [2, 1]"
return render(request, 'index.html', {'coord': coord})
在html中，我可以在任何类似{{ coord }}的地方使用它，例如：
<script type="text/javascript">
var geojsonObject = {
"coordinates"
浏览 1提问于2020-05-31得票数 0
2回答
我在django应用程序中使用ajax，它工作得很好，除非我想获取表中的所有寄存器。我不知道如何从我的“ajaxview”发送到javascript代码，然后如何解析结果。
这是我的list.html
<table>
<thead>
<tr>
<th>id</th>
<th>Name</th>
<th>Gender</th>
<th>Birth date</th>
</tr>
</thead&g
浏览 0提问于2018-01-17得票数 0
回答已采纳
我叫卡洛斯，我正在写作，我是Rails 6上的新手。
我正在开发我的应用程序，试图在视图上显示一个变量，从表单中获取，但我看不到它。
我使用form_with将params(没有模型)发送到Controller的URL。
流星视图(app\views\meteo\form.html.erb):上的表单
将params ":condition_met“发送到”简报显示控制器URL"：
<div class="form-group text-center">
<%= form_with url: briefing_show_path, id
浏览 5提问于2020-02-22得票数 4
回答已采纳
我正在使用Django和传单应用程序创建一个web映射应用程序，允许用户创建和编辑功能。
创建一个新特性很容易实现。在地图上画出一个新特性之后，自动出现一个引导模式，它的django表单直接从我的模板中呈现出来。用户填充表单并使用ajax调用将此表单发送到django视图。
但我不知道，如何编辑一个现有的功能。更确切地说，我不知道如何显示(从ajax调用中)预先填充了已保存在数据库中的数据的表单。
以下是工作流程：
1)当用户选择现有功能时，会打开一个弹出窗口，显示前面的信息。
( 2)在弹出窗口底部，允许编辑现有信息的编辑链接
3)当用户单击此链接时，我使用ajax调用查询django的视图
浏览 4提问于2014-10-21得票数 0
回答已采纳
所以这可能是个愚蠢的问题，但我已经研究了大约4个小时。我是自学成才的Python (这意味着我可以通过，但不是很好)，我试图把我的脚本扩展到Django。然而，我需要一些客户端脚本，所以我尝试使用jQuery做一些非常非常基本的Javascript内容，因为有很多这样的演示。
然而，一切都不起作用。我可以找到像这样的教程：，它看起来非常有用，但它们缺少信息(在本例中，Javascript端提供的所有内容都是没有触发器的函数的代码)。当我尝试将jQuery代码嵌入到Django模板中时，它不起作用，但我不知道这是因为我围绕给出的代码编写的东西是错误的，还是因为我得到的东西给了我问题，因为某些设置
浏览 3提问于2012-12-31得票数 1
1回答
我有一个Django web应用程序，我试图发出一个ajax调用来上传一个大图片。如果我能够上传我要上传的图像，我将使用pythonocc库读取图像并返回卷信息。由于这个过程需要很长时间，所以我尝试使用django-后台任务库来完成它。根据我所说的内容，我试图获取图像并将其发送到视图的ajax请求如下所示。
var data = new FormData();
var img = $('#id_Volume')[0].files[0];
data.append('img', img);
data.append('csrfmiddlewaretoken&#
浏览 2提问于2020-08-21得票数 0
回答已采纳
1回答
我有一个按钮，它传递一个对象的ID。在按下按钮时，我希望显示相应的Django视图。
views.py
from django.views.decorators.csrf import csrf_exempt
@csrf_exempt
def updateUser(request, id):
user= get_object_or_404(CustomUser, pk=id)
if request.method == 'POST':
form = UpdateUser(request.POST, instance=user)
t
浏览 0提问于2019-01-20得票数 0
回答已采纳
1回答
我目前在上学习了一个教程
我来看看他们是如何实现home view的。
pages/views.py
# pages/views.py
from django.views.generic import TemplateView
class HomePageView(TemplateView):
template_name = 'home.html'
模板/home.html
<!-- templates/home.html -->
<h1>Django Login Mega-Tutorial</h1>
{% if user.is_
浏览 11提问于2018-08-24得票数 0
回答已采纳
2回答
我正在与购物车模块电子商务网站工作。以更新数量。$.ajax方法触发key-up jQuery事件的数量。当soos触发key-up事件时，我将禁用数量框并将请求发送到服务器。
问题是。在此期间，如果用户从键盘浏览器中按退格键，则导航到上一页。请告诉我如何防止退格。
谢谢。
浏览 3提问于2017-12-13得票数 0
使用Django 1.5和JQuery，我无法从视图中的表单中检索数据。
我的HTML代码是：
<form method="post" class="form-inline" id="getemailbutton" onsubmit="getemail();return false">
<input type="text" id="email" class="input-small" placeholder="Email" />
<
浏览 5提问于2013-10-28得票数 0
有没有get()函数来代替它呢？
{% for key, value in choices.items %}
<li>{{key}} - {{value}}</li>
{% endfor %}
在python中，我使用get()函数从特定的键中获取值。但我找不到使用django模板标记的相应方法。所以我想知道这有没有可能？我需要获取特定值，因为使用循环会在html源代码中添加很多新行。
或者应该在将输出发送到模板之前处理视图内部的输出，哪种方法更好？
浏览 2提问于2012-03-29得票数 6
回答已采纳
如何将值从django模板传递到views.py？我已经编写了具有视图函数index()的Index.html，现在我已经创建了另一个视图函数places()，在其中我需要从Index.html文件中传递p标记的值。它不包括任何POST或GET方法。
Index.html
{% block content %}
<div >
{% for key,values in image_data.items %}
<div class="divtag">
<!-- {{ke
浏览 1提问于2020-04-15得票数 0
回答已采纳
我正在使用python的请求库从烧瓶REST中读取，并在Django视图中引用它。
我遇到的问题是，当从Chrome插件测试API调用时，我看到一个刷新的响应，在Django模板中，当页面刷新时，我看不到数据的任何变化。
我有一个小库，其中包括对API的GET调用：
def container_list():
api_auth = get_auth()
server_url = get_server_url() + '/v1/containers'
r = requests.get(server_url , auth =
浏览 3提问于2014-08-08得票数 0
回答已采纳
我在javascript中有一些数据，希望将其发送到Django视图函数。之后，我想使用HttpResponse呈现一个Django模板，但是它是如何工作的呢？
首先，我用jQuery.ajax()向Django视图发送了一些数据，并使用了响应数据，现在我希望在单击一个按钮之后，在第二个jQuery.ajax()中将数据发送到另一个Django视图函数，最后，如果我单击网站上的一个简单链接，就会呈现一个简单的模板，就像它的工作方式一样。
，为了清晰起见，我已经尽可能地减少了片段
$(matchfield).on('click', function(event) {
ev
浏览 0提问于2017-10-06得票数 0
回答已采纳
我目前使用的是Django框架。
我想获取在html文件中写入的javascript值的值。我希望能够在我的视图文件中显示它
以下是来自文件夹templates的html文件：
<script>
var toto = "javascript";
document.write(toto)
</script>
这是我的视图文件：
def javascript(request):
# print the javascript value here
return render(request, "rh/javascript.html&#
浏览 0提问于2020-06-19得票数 0
2回答
我想在不使用表单的情况下添加模型实例。
我的目标是向包含当前时间和经过身份验证的用户名的模型中添加一个实例。
到目前为止，我已经有了模型：
from django.contrib.auth.models import User
class Zeit(models.Model):
user = models.ForeignKey(User)
time = models.DateTimeField(auto_now=False, auto_now_add=True)
和视图(几乎是空的，因为我尝试通过model.form添加)：
@login_required
def stampe
浏览 0提问于2016-05-09得票数 0
1回答
很抱歉问了这个问题，..i正在开发一个Cakephp 2.x .我在我的控制器名文件夹中有一个视图页面，例如Controller/index.ctp .我有ajaxfile存储在app/webroot/ajax/ajaxfile.html中。
现在，在我的index.php文件中，我像这样访问ajax页面
<a href="ajax-demo/ajaxfile.html" class="file-link">
<span class="
浏览 4提问于2013-07-18得票数 0
1回答
我是Django的新手，我在我的项目中加入了django注册。
它工作得很好，除了当用户点击激活链接时，他的帐户被激活，但用户被重定向到另一个模板。
下面是urls.py部分：
urlpatterns = patterns('',
url(r'^activate/complete/$',
direct_to_template,
{'template': 'registration/activation_complete.html'},
name='registrati
浏览 0提问于2013-01-29得票数 1
回答已采纳
2回答
我有一个带有多个按钮的表单，它被映射到django视图。比如：
<form name="demo-form" method="POST" action="{% url 'internalManifest' %}">
<button class="btn btn-success" name="start_manifest">Start Manifest</button>
<button class="btn btn-success
浏览 1提问于2016-01-05得票数 2
回答已采纳
1回答
我在我的第二个星期试图学习Python+Django，并想做一个小项目。但我被困在一些JS上了。我一点也不了解JS，我需要一些帮助。
我希望将所选按钮的ID (按钮中的“值”)作为Ajax函数中的数据传递，但实际上无法使其工作。
如何将值传递给Ajax函数？我想在视图中使用"id“变量中的值。
谢谢!
HTML -我想传递一个所选按钮的ID。
{% for product in products %}
<button type="button" id="submit" class="btn" value="{{prod
浏览 1提问于2021-07-05得票数 2
回答已采纳
我在Django有个项目。在Python视图脚本中，我创建了一个数组，并通过以下方式将这个值添加到我的SQLite数据库"db.sqlite3“中
request.user.profile.some_array = some_array
接下来，我以这样的方式将这个数组发送到HTML文件：
return render(request,'field.html',{'some_array': some_array})
"field.html“与"app.js”连接：
script src="{% static 'app.js&
浏览 2提问于2017-04-11得票数 0
回答已采纳
因此，我在Django中使用相同的视图来做两件事，这取决于请求是GET方法还是POST方法。
GET方法只是在用户请求时呈现页面，而POST则是当我使用ajax将信息从前端发送到视图时，这样我就可以处理页面并将其保存在数据库中。
以下是Javascript/Ajax：
var url = window.location.pathname;
$.ajax({
url: url,
data: {
'vals': vals
},
dataType: 'json',
success: functio
浏览 3提问于2017-11-09得票数 1
回答已采纳
我希望将视图中的选择选项值保存到控制器中。
以下是视图中的Html代码：
<label for="delivery_option" class="prod-head size-head"><b>Select Delivery Option:</b></label>
<select id="payment_option" name="payment_option">
&
浏览 0提问于2020-05-05得票数 0
在我的Django项目中，我想使用Django Message (来自django.contrib导入消息)在用户或电子邮件存在时显示错误。
不幸的是，我的观点不起作用。
HTML：
{% for message in messages %}
<p>{{ message }}</p>
{% endfor %}
views.py：
def account_signup(request):
if request.method == 'POST':
nick = request.POST['nick']
浏览 1提问于2018-02-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
