原文地址:http://stackoverflow.com/questions/7335780/how-to-post-a-django-form-with-ajax-jquery
html:
<script type="text/javascript">
var frm = $('#FORM-ID');
frm.submit(function () {
$.ajax({
type: frm.attr('method'),
url: frm.attr('action'),
data: frm.serialize(),
success: function (data) {
$("#SOME-DIV").html(data);
},
error: function(data) {
// Display form validation errors like the image below
var form_errors = data.msg;
for(var fieldname in form_errors) {
var error = form_errors[fieldname];
$('#id_'+fieldname).parent().addClass("has-error");
if ($('#id_'+fieldname).nextAll().length < 1)
$('#form input[name='+fieldname+']').after("<span class='help-block'>"+error+"</span>");
}
}
});
return false;
});
</script>
view:
if request.is_ajax() and request.method == "POST":
form = TestForm(request.POST, instance=test)
if form.is_valid():
form.save()
results[ 'status' ] =True
results['msg'] = u'原因'
return HttpResponse(simplejson.dumps(results), mimetype='application/json')
else:
response_data = {"msg":dict(form.errors), "status":"error"}
return HttpResponse(json.dumps(response_data), mimetype='application/json')
form error显示效果: