Django以ajax方式提交form

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>

 

相关文章