pem*_*ahl 2 javascript python django ajax jquery
我知道,你已经读过这样的问题一千次甚至更多次了,我也读过这些问题和他们的答案,但是我无法让我的AJAX表单在客户端使用jQuery和服务器上的Django正常工作侧.此外,我无法为像我这样的Python人和JavaScript新手找到一个愚蠢的简单分步教程,这个教程是可以理解和详细的,足以给我一个我急切等待的时刻.
我在HTML页面上有一个表单,当单击提交按钮时,HttpResponse应该只使用JavaScript的alert()功能提醒相应的,但它不起作用.当我提交表单时,我在Django的开发服务器控制台中找到以下条目:
"POST /ajaxtest/%5Bobject%20Object%5D HTTP/1.1" 404 2381
请告诉我我的代码有什么问题.非常感谢你提前!
forms.py
from django.db import forms
class AjaxTestForm(forms.Form):
first_name = forms.CharField()
last_name = forms.CharField()
views.py
from django.http import HttpResponse
from django.shortcuts import render
from my_app.forms import AjaxTestForm
def ajax_test(request):
if request.is_ajax() and request.method == 'POST':
form = AjaxTestForm(request.POST)
if form.is_valid():
print request.POST
# I want this to be alerted
return HttpResponse('Your AJAX form test was successful!')
else:
return HttpResponse('Your AJAX form test failed miserably!')
else:
form = AjaxTestForm()
return render(request, 'ajaxtest.html', {'form': form})
urls.py
from django.conf.urls import patterns, url
from my_app.views import ajax_test
urlpatterns = patterns('',
url(r'^ajaxtest/$', ajax_test, name='ajax-test-page')
)
ajaxtest.html
<!DOCTYPE html>
<html>
<head>
<script src="{{ STATIC_URL }}js/jquery-1.8.2.min.js"></script>
<script>
$(document).ready(function() {
$('#ajaxform').submit(function(event) {
var $form = $(this);
var serializedData = $form.serialize();
$.post({
url: '/ajaxtest/',
data: serializedData,
success: function(response) {
alert(response);
}
});
event.preventDefault();
});
});
</script>
</head>
<body>
<form id="ajaxform" method="post" accept-charset="UTF-8" action="">{% csrf_token %}
<fieldset>
{% for field in form %}
<label for="{{ field.label }}">{{ field.label }}</label>
<input id="{{ field.label }}" type="text" name="{{ field.html_name }}" />
{% endfor %}
<button type="submit">Submit</button>
</fieldset>
</form>
</body>
</html>
线索在控制台中:它显示它附加[object Object]到它正在POST的URL.我怀疑这是你传递给$.post函数的整个对象的表示.
这是因为与$.ajax函数不同,$.post它不接受对象,它需要单独的参数.所以你的代码应该是:
$.post('/ajaxtest/', serializedData, function(response) {
alert(response);
});
| 归档时间： |
|
| 查看次数： |
1127 次 |
| 最近记录： |