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>
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
request.session['pwd'] = pwd
return HttpResponse(json.dumps(ret))
else:
ret['status'] = False
ret['error'] = "用户名或者密码错误"
return HttpResponse(json.dumps(ret))