view.py
def ajax(request): if request.method == 'GET': obj = AjaxForm() return render(request,'ajax.html',{'obj':obj}) else: ret = {'status':'no','message':None} import json obj=AjaxForm(request.POST) if obj.is_valid(): # 这里开始做的数据验证 ret['status'] = 'yes' print(obj.cleaned_data) # 跳转,ajax方式提交不会直接跳转,需交给js处理 # return redirect('http://www.baidu.com') return HttpResponse(json.dumps(ret)) else: print(obj.errors) # json.dumps里传python的基本数据类型,ErrorDict是继承dict的 print(type(obj.errors)) # <class 'django.forms.utils.ErrorDict'> ret['message'] = obj.errors # 错误的信息显示在页面上 return HttpResponse(json.dumps(ret))
form类
html
<body> <form id="fm" action="/ajax/" method="post" novalidate> {% csrf_token %} <p>{{ obj.username.label }}:{{ obj.username }}</p> <p>{{ obj.user_id.label }}:{{ obj.user_id }}</p> <input type="button" value="Ajax提交" id="btn"> </form> <script src="/static/js/jquery-3.3.1.js"></script>' <script> $(function () { $('#btn').click(function () { $.ajax({ url:'/ajax/', type:'POST', data:$('#fm').serialize(), dataType:'JSON', success:function (arg) { //arg:需包含状态信息，错误信息 if(arg.status == 'yes'){ // 跳转 window.location.href="http://www.baidu.com" } console.log(arg) } }) }) }) </script> </body>