Ajax操作

Django Ajax template

<div>
    <input type="text" name="user" id="user"/>
    <input type="text" name="pwd" id="pwd" />
    <input type="button" id="btn" value="提交"/>
</div>


<script>

$(function(){
    bindBtn();
});

function bindBtn(){
    $('#btn').click(function(){      #这里绑定个点击事件
        var u = $('#user').val();
        var p = $('#pwd').val();
        #dataType:'JSON' 也可以使用这个进行数据的转换
        $.ajax({
            url:'/aj/',               #提交的url
            type:'POST',              #提交的方法
            data:{'uuu':u,'ppp':p},
            success:function(data){    #等待返回数据的回调函数
                var data_dict = JSON.parse(data);   #取字典中的值
                if (data_dict.status){            
                     location.href = '/home/' }else{
                      alert(data_dict.error);
                      }


            }
        })
})
}
</script>

#views.py 的方法
def aj(request):
    if request.method == "GET":
        return render(request,'aj.html')
    elif request.method == "POST":
        user = request.POST.get('uuu')
        pwd = request.POST.get('ppp')
        obj=models.UserInfo.objects.\
        filter(username=user,password=pwd).\
        first()
        ret = {'status':True,'error:None'}
        if obj:
            request.session['user'] = user #存session
            request.session['pwd'] = pwd
            return HttpResponse(json.dumps(ret))
        else:
            ret['status'] = False
            ret['error'] = "用户名或者密码错误"
            return HttpResponse(json.dumps(ret))