How to POST a django form with AJAX & jQuery

来源：互联网发布：微信发淘宝链接打不开编辑：程序博客网时间：2024/05/29 09:26

原文地址：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显示效果：