django 前端接收后台登录用户名密码验证

html代码:

  

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div data-vide-bg="{% static "video/color1" %}">
<div class="center-container">
<div class="header-w3l">
</div>
<div class="main-content-agile">
<div class="wthree-pro">
<h2>页面自动化</h2>
</div>
<div class="sub-main-w3">
<form action="#" method="post">
<input name="user_name" type="text" required="">

<input placeholder="Password" name="user_pwd" type="password" required="">

<input type="submit" value="登录" οnclick="user_login(); return false">
</form>
</div>
</div>
<div class="footer">
</div>
</div>
</div>
<script type="text/javascript" src="{% static "js/jquery-2.1.4.min.js" %}"></script>
<script src="{% static "js/jquery.vide.min.js" %}"></script>
<script>
function user_login() {
$.ajax({
type: "POST",//为post请求
url: "/login/",//后台接受数据方法
data: $('form').serialize(),//将数据序列化
error: function (request) {//请求失败之后的操作
console.log("error");
alert("系统错误")
},
success: function (data) {//请求成功之后的操作
console.log("success");
data = JSON.parse(data);
console.log(data);
if(data["result"] === 0){
window.location.href = "/index/";//成功之后跳转页面
}else {
alert(data["usr_data"])//失败弹出后台返回的失败信息
}

}
});
}

</script>
</body>
</html>

view代码:

  

def login(request):
if request.method == "GET":
return render(request, "login.html")
if request.method == "POST":
login_info = request.POST
user_name = login_info.get("user_name",None)
user_pwd = login_info.get("user_pwd",None)
if user_name != "":
if user_pwd != "":
try:
db_search = user_info.objects.get(user_name=user_name)
if db_search.user_pwd != user_pwd:
return HttpResponse(json.dumps({"usr_data": "密码错误", "result": 1}))
else:
return HttpResponse(json.dumps({"usr_data": "登录成功", "result": 0}))
except:
return HttpResponse(json.dumps({"usr_data": "用户不存在", "result": 1}))
else:
return HttpResponse(json.dumps({"usr_data":"密码为空","result":1}))
else:
return HttpResponse(json.dumps({"usr_data":"用户名为空","result":1}))

转载于:https://www.cnblogs.com/timezhang/p/9640414.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值