如何使用Django，Ajax，jQuery提交表单而不刷新页面？
我是django的新手。我需要简单的例子。如何使用Django，Ajax，jQuery提交表单（发布）而不刷新页面？
这是我的表单，视图和模板：
views.py
from django.shortcuts import *
from django.template import RequestContext
from linki.forms import *
def advert(request):
if request.method == "POST":
form = AdvertForm(request.POST)
if(form.is_valid()):
print(request.POST['title'])
message = request.POST['title']
else:
message = 'something wrong!'
return render_to_response('contact/advert.html',
{'message':message},
context_instance=RequestContext(request))
else:
return render_to_response('contact/advert.html',
{'form':AdvertForm()},
context_instance=RequestContext(request))
forms.py（使用“ ModelForm”的表单）
from django import forms
from django.forms import ModelForm
from linki.models import Advert
class AdvertForm(ModelForm):
class Meta:
model = Advert
模板（表单html代码）
<html>
<head>
</head>
<body>
<h1>Leave a Suggestion Here</h1>
{% if message %}
{{ message }}
{% endif %}
<div>
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Submit Feedback" />
</form>
</div>
</body>
</html>
问题答案：
如果您打算将ajax提交与jquery一起使用，则不应从视图中返回html。我建议您改为这样做：
的HTML：
<html>
<head>
</head>
<body>
<h1>Leave a Suggestion Here</h1>
<div class="message"></div>
<div>
<form action="" method="post">{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Submit Feedback" />
</form>
</div>
</body>
</html>
js
$('#form').submit(function(e){
$.post('/url/', $(this).serialize(), function(data){ ...
$('.message').html(data.message);
// of course you can do something more fancy with your respone
});
e.preventDefault();
});
views.py
import json
from django.shortcuts import *
from django.template import RequestContext
from linki.forms import *
def advert(request):
if request.method == "POST":
form = AdvertForm(request.POST)
message = 'something wrong!'
if(form.is_valid()):
print(request.POST['title'])
message = request.POST['title']
return HttpResponse(json.dumps({'message': message}))
return render_to_response('contact/advert.html',
{'form':AdvertForm()}, RequestContext(request))
这样您就可以将响应放入messagediv中。而不是返回纯HTML，您应该返回json。
-
问题内容： 我的表单类似于以下内容： 我是AJAX的新手，我要完成的工作是当用户单击“提交”按钮时，我希望脚本在后台运行而不刷新页面。 我尝试了类似下面的代码的方法，但是，它似乎仍然像以前一样提交表单，而不像我所需要的那样（在幕后）： 如果可能的话，我想获得使用AJAX实施此功能的帮助， 提前谢谢了 问题答案： 您需要阻止默认操作（实际提交）。
-
问题内容： 我想提交表单而不刷新页面，从我阅读的内容来看，它应该可以与Ajax一起使用，我在做什么错？ 当我这样做时，一切都与php和其他东西一起工作： 但是我希望它提交而不刷新页面。 HTML的一部分： JavaScript的一部分： 提前致谢。 编辑：可能已修复它在提交但没有发送提交 问题答案： 解决了它只是替换了： 用这个代替
-
问题内容： 有人可以告诉我使用 jquery来显示成功提交表单 而不刷新页面 的教程。传递邮件时，在gmail上会发生类似的事情，黄色的叠加层显示邮件已传递，然后淡出。 我希望根据表单提交的结果显示消息。 问题答案： 好的…类似这样的东西…但是我没有尝试过…所以像教程一样使用它。您也可以使用json js： HTML： form_process.php
-
问题内容： 大家好，我知道，如果页面上只有一个表单，很容易提交表单而无需刷新，但是如果页面上有多个表单怎么办。我使用以下代码提交表单，如果页面上只有一个表单，它可以正常工作。当页面上有多个表单时，如何更改它以使其正常工作。提前致谢。 问题答案： 只需自定义函数并添加参数即可在函数内获取表单数据以进行传递
-
问题内容： 我正在尝试提交没有页面刷新或提交按钮的表单。但是我只实现了让JS函数提交输入框值。是否可以在不单击按钮和刷新页面的情况下提交整个表单？ JSFIDDLE JS html 问题答案： 您的小提琴似乎正在工作，但是问题是您没有真正将其提交到任何地方。
-
问题内容： 我对这一切都很陌生。我正在使用ASP.NET MVC C＃LINQ to SQL 。 我有一个编辑页面，可加载作者及其所有书籍。这些书是通过Ajax调用加载的。 这部分工作正常。该页面加载有Author信息，然后是Books加载（DIV id =“ Books”中的局部视图，仅包含Book Category和Book Title）： 现在，在主视图页面上，我想要一个链接。单击链接后，我