Javascript Django中JS逻辑后提交表单
我有一个允许用户输入的表单。提交后,一些javascript将执行一些逻辑,以传递给Javascript Django中JS逻辑后提交表单,javascript,jquery,python,django,forms,Javascript,Jquery,Python,Django,Forms,我有一个允许用户输入的表单。提交后,一些javascript将执行一些逻辑,以传递给/test/URL。现在的问题是我没有被重定向到/test/URL JS: home_page.html <form id="test-form" action="/test/" method="post"> {# pass data to /test/ URL #} {% csrf_token %} <div class="test-button-set">
/test/
URL。现在的问题是我没有被重定向到/test/
URL
JS:
home_page.html
<form id="test-form" action="/test/" method="post"> {# pass data to /test/ URL #}
{% csrf_token %}
<div class="test-button-set">
<button type="button" id="hdfs-test" class="btn btn-default btn-lg selected">HDFS</button>
<button type="button" id="hive-test" class="btn btn-default btn-lg">HIVE</button>
<button type="button" id="hdfs-hive-test" class="btn btn-default btn-lg">BOTH</button>
</div>
{{ form.event_textarea }}
<button id="submit-test" type="submit" class="btn btn-default btn-lg">Submit</button>
</form>
views.py
from django.shortcuts import render
from forms import TestForm
from django.http import HttpResponseRedirect
def home(request):
if request == 'POST':
# create a form instance and populate it with data from the request
form = TestForm(request.POST)
if form.is_valid():
# process the data in form.cleaned_data as required
form.cleaned_data()
# redirect to a new URL:
return HttpResponseRedirect('/test/')
# if a GET (or any other method) we'll create a blank form
else:
form = TestForm()
return render(request, 'home/home_page.html', {'form': form})
def test(request):
return render(request, 'home/test.html', {'post': request.POST})
我的
/test/
url用于显示发布请求,以便我可以确定我发布的内容。目前JS逻辑(我已经设置了输出的指示器)正在工作,但我没有被重定向,因此我不确定是否有任何内容被发布到URL上。这一行将阻止默认事件(表单提交)的发生:
event.preventDefault();
删除该选项,表单应按预期提交。此行将防止发生默认事件(表单提交):
event.preventDefault();
删除该选项,表单应按预期提交。此行将防止发生默认事件(表单提交):
event.preventDefault();
删除该选项,表单应按预期提交。此行将防止发生默认事件(表单提交):
event.preventDefault();
删除该选项,表单应按预期提交。什么是
testData
和jsonData
<代码>事件.preventDefault()代码>将阻止表单提交。。这是故意的吗?如果您使用的是jQuery,为什么要添加eventlisteners而不是使用jQuery提交事件?()@Hamish哇谢谢这是我的错。。。谢谢修理!酷,作为下面的答案添加。什么是testData
和jsonData
<代码>事件.preventDefault()代码>将阻止表单提交。。这是故意的吗?如果您使用的是jQuery,为什么要添加eventlisteners而不是使用jQuery提交事件?()@Hamish哇谢谢这是我的错。。。谢谢修理!酷,作为下面的答案添加。什么是testData
和jsonData
<代码>事件.preventDefault()代码>将阻止表单提交。。这是故意的吗?如果您使用的是jQuery,为什么要添加eventlisteners而不是使用jQuery提交事件?()@Hamish哇谢谢这是我的错。。。谢谢修理!酷,作为下面的答案添加。什么是testData
和jsonData
<代码>事件.preventDefault()代码>将阻止表单提交。。这是故意的吗?如果您使用的是jQuery,为什么要添加eventlisteners而不是使用jQuery提交事件?()@Hamish哇谢谢这是我的错。。。谢谢修理!很酷,下面作为答案补充。你帮我实现了重定向。但是它显示只有
中的文本被发布。您知道如何将jsonData
值发布到URL吗?您帮助我实现了重定向。但是它显示只有
中的文本被发布。您知道如何将jsonData
值发布到URL吗?您帮助我实现了重定向。但是它显示只有
中的文本被发布。您知道如何将jsonData
值发布到URL吗?您帮助我实现了重定向。但是它显示只有
中的文本被发布。您知道如何将jsonData
值发布到URL吗?