简单的登录

我会带着你远行 2022-05-29 22:43 180阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
        <script src="jquery-2.1.1.js"></script>
        <script src="apis.js"></script>
        <script src="logins.js"></script>
    </head>
    
    <body>
    <p>name:<input type="text" id="card_num"/></p>
    <p>pwd:<input type="text" id="Password"/></p>
    <button type="button" class="login_btn">登录</button>
    </body>
    </html>

apis.js

logins.js

$(function () {
        //定义一个全局变量 var func={
            //cardid card_id:"",
    
            //password pwd:"",
            //登录开始 loginEve:function () {
                //开始进行登录 $(".login_btn").click(function () {
                    func.card_id=$("#card_num").val();
                    func.pwd=$("#Password").val();
                    //非空验证 if(func.card_id=="")
                    {
                        alert("卡号不能为空！");
                        return;
                    }else if(func.pwd=="")
                    {
                        alert("密码错误!!!");
                        return;
                    }else {
                        func.httpRequest(func.card_id,func.pwd);
                    }
                    
                })
                
            },
            //接口请求 httpRequest:function(id,pwd)
            {
                $.ajax({
                    url:api.loginApi,
                    type:"post",
                    dataType:"json",
                    data:{
                        cardid: id,
                        password: pwd
                    },
                    success:function (data) {
                        if(data)
                        {
                            if(data.code==101)
                            {
                                alert("卡号错误");
                                return;
                            }else if (data.code==102)
                            {
                                alert("密码错误！！！");
                                return;
                            }else if(data.code==200)
                            {
                                // 存储到本地的 LocalStorage中 var arrs = []; // 创建空数组 if (getLocVal("arrs")) { // 如果本地存储中已经有数组存在 arrs = []; // 将数组取出 } setLocVal("arrs", JSON.stringify(arrs)); // 再次存到localStorage 中 // 用户 id 获取 // var planCookie = getCookie("cardid"); var planCookie = 2;
    
                                // 存储cookie // SetCookie("cardid", planCookie); window.location.href = "operapro.html";
                            }
    
                        }
                    },
                    error:function (xhr) {
                      console.log(data) ;
                    }
    
                })
            }
    
    
        }
        //执行事件 func.loginEve();
        
    })