其他分享
首页 > 其他分享> > 1.0 登录制作login

1.0 登录制作login

作者:互联网

1.0 登录制作login

---html <div class="section"> <span>工号:</span><input type="text" id="userNo" placeholder="请输入工号"/><br> <span>密码:</span><input type="password" id="password" placeholder="请输入密码"/> <button onclick="login()">登录</button> </div> ---script function login(){ var userNo=$("#userNo").val(); var password=$("#password").val(); var data={ "userNo":userNo, "password":password } var mdata=JSON.stringify(data); //模拟登陆成功 var json={ "userId":"ycjadmin", "userName":"银川系统管理员", "orgNo":"64401", "orgName":"银川供电公司", "curDate":"2020-04-26:18:20:00", "returnCode":"1000", "returnMsg":"xxx" } window.sessionStorage.setItem("loginInfo",JSON.stringify(json)); window.location="index.html";   //请求后台接口获取登陆结果 /*$.ajax({ type: "post", url: comurl+"/area/areaLean/login", data: mdata, timeout: 60000, async: true, contentType: "application/json; charset=utf-8", beforeSend: function(XMLHttpRequest) { XMLHttpRequest.setRequestHeader("token", "6666"); }, success:function(json){ //console.log("select1---"+JSON.stringify(json)); if(json.data.returnCode=='1000'){ var userId=json.data.userId; var userName=json.data.userName; var orgNo=json.data.orgNo; var orgName=json.data.orgName; window.sessionStorage.setItem("loginInfo",JSON.stringify(json)); window.location="index.html"; }else{ alert(json.data.returnMsg); } }, error:function(e){ console.log("select1--error"+e.getMessage); }   }); */ }   -----common.js 自定义的,每个页面都需要引入的公共方法。 如果在没有登陆或登陆失败的情况下,系统默认强制跳转登陆界面时, common.js可以这么写:   getInfo(); function getInfo(){ var loginInfo=window.sessionStorage.getItem("loginInfo"); console.log("loginInfo****"+JSON.stringify(loginInfo)); var url=window.location.href; if(loginInfo==null){ console.log("结果--未登录"); toast("请先登录!") //该地址是当前html所在目录所以为一层 if(url.indexOf("index.html")>0){//common.js位置与当前url同级 window.location="login.html"; }else{ window.location="../login.html";//common.js位置在area中 } } if(loginInfo.returnCode="1000"){ console.log("结果--已登录"+JSON.stringify(loginInfo)); } }

标签:1.0,登录,window,json,html,loginInfo,var,login,data
来源: https://www.cnblogs.com/zl-programmer/p/15261208.html