Django以ajax方式提交form

最新推荐文章于 2022-01-01 08:34:19 发布

weixin_30484247

最新推荐文章于 2022-01-01 08:34:19 发布

阅读量100

点赞数

文章标签： json python

原文链接：http://www.cnblogs.com/zq8421/p/10439299.html

版权

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>

转载于:https://www.cnblogs.com/zq8421/p/10439299.html

weixin_30484247

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Django以ajax方式提交form

view.pydef ajax(request): if request.method == 'GET': obj = AjaxForm() return render(request,'ajax.html',{'obj':obj}) else: ret = {'status':'no','message':None...
复制链接

扫一扫