zoukankan      html  css  js  c++  java
  • ajax

    基于Ajax的登陆验证

    <form>
        用户名 <input type="text" id="user">
        密码 <input type="password" id="pwd">
        <input type="button" value="submit" class="login_btn"><span class="error"></span>
    </form>
    
    <script>
     // 登录验证
        $(".login_btn").click(function () {
            $.ajax({
                url: "/login/",
                type: "post",
                data: {
                    "user": $("#user").val(),
                    "pwd": $("#pwd").val(),
                },
                success: function (data) {
                    console.log(data); // json字符串
                    console.log(typeof data);
                    var data = JSON.parse(data);// 反序列化 object {} ,数据转换
    
                    console.log(data); // object
                    console.log(typeof data);
    
                    if (data.user) {
    
                        console.log(key);
                        location.href = "http://www.baidu.com/";
                    }
                    else {
                        $(".error").html(data.msg).css({"color": "red", "margin-left": "10px"})
                    }
                }
            })
    
        })
    
    </script>
    def login(request):
    
        print(request.POST)
        user=request.POST.get("user")
        pwd=request.POST.get("pwd")
    
        user=User.objects.filter(name=user,pwd=pwd).first()
    
        res={"user":None,"msg":None}  #字典
        if user:
            res["user"]=user.name
        else:
            res["msg"]="username or passwor wrong! "
    
        import json
        # 转换成json ,传送数据
        return HttpResponse(json.dumps(res))
  • 相关阅读:
    rt_list_entry() 函数
    替换空格
    跳台阶
    斐波那契数列
    基于5221码的同步十进制加法计数器
    强连通分量+Tarjia+缩点
    次小生成树
    差分约束
    P1547 Out of Hay
    P1197 [JSOI2008]星球大战
  • 原文地址:https://www.cnblogs.com/wenyule/p/9382998.html
Copyright © 2011-2022 走看看