django的ajax提交示例

最新推荐文章于 2024-05-20 22:54:06 发布

anmi8562

最新推荐文章于 2024-05-20 22:54:06 发布

阅读量113

点赞数

文章标签： python javascript json ViewUI

原文链接：http://www.cnblogs.com/ericbai/p/9388781.html

版权

两条路由:

path('ajax_submit/', views.ajax_submit),
path('add/', views.add),

在模版文件夹里写出html，add.html

def add(request):
    return render(request, 'add.html')
    
def ajax_submit(request):
    print(request.method)
    u = request.GET.get('username', None)
    p = request.GET.get('password', None)
    if u and u == 'Eric' and p and p == '123':    
        return HttpResponse('OK')
    else:
        return HttpResponse('用户名或密码错误')

jquery实现ajax提交:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>
        <form action="">
            <input id="username" type="text" placeholder="用户名" name="username">
            <input id="password" type="text" placeholder="密码" name="password">
            <input type="button" value="ajax提交">
        </form>
    </div>
    <script src="/static/jquery-1.12.4.js"></script>
    <script>
        $(function(){
            $(':button').click(function(){
                $.ajax({
                    url: '/app01/ajax_submit/',
                    type: 'GET',
                    data: {
                        'username':$('#username').val(),
                        'password':$('#password').val(),
                    },
                    success: function(data){
                        if(data=='OK'){
                            alert('验证成功');
                        }else{
                            alert(data)
                        }
                        
                    }
                })
            })
        })
        
    </script>
</body>
</html>

View Code

如果用户名和密码是Eric 和 123就显示验证成功，否则返回错误信息。

jquery的ajax的方式有$.ajax $.get $.post $.getJson都是ajax请求方式，本质上都是$.ajax

$.get(url="", data={})

$.ajax参数：

$.ajax({
        url:'/app01/index'       //url地址
        type: 'POST'             //提交方式
        data:{                      //提交的数据 也可以$('#form_id').serialize()表单全部序列化
            'username':'Eric',
        }
        dataType:'JSON',          //默认success返回的数据都是字符串，如果要转换为json要用parse()，加上这个字段可以返回json格式
        traditional:true,          //加上此字段，发送的数据可以直接写列表，django端接收用getlist()
        success:function(data){    //数据发送成功后的回调函数
        
        },
        error:function(){          //错误信息接收函数
        },
    })

View Code

转载于:https://www.cnblogs.com/ericbai/p/9388781.html

anmi8562

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
django的ajax提交示例

两条路由:path('ajax_submit/', views.ajax_submit),path('add/', views.add),在模版文件夹里写出html，add.htmldef add(request): return render(request, 'add.html') def ajax_submit(request):...
复制链接

扫一扫