登录的数据传输 放在cookie中的数据在更换页面之后就null了,然后就直接将用户端返回的tooken放在localStorage中

本文主要是介绍登录的数据传输 放在cookie中的数据在更换页面之后就null了,然后就直接将用户端返回的tooken放在localStorage中,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

用了定义函数的方法

效果图

<!--注册名输入框-->
<div class="login-form-item form-item-bg form-item-bg-user"><input type="text" name="username" placeholder="邮箱/会员名/8位ID" id="username"                                             class="input-focus-handle" value=""><div id="emailAutoComplete" class="email-complete-list"></div>
</div>
<!--密码输入框-->
<div class="login-form-item form-item-bg form-item-bg-lock password-input-wrap"><input id="password" type="password" name="password" placeholder="请输入登录密码" class="input-focus-handle"><div class="caps-lock-remind" id="capsLockRemind">大写锁定已打开</div>
</div><!--登录按钮 绑定点击事件-->
<a id="login" onclick="Login()" class="login-submit ">登录</a>

js代码如下

function Login(){$post(''//接口{username:$('#username').val(),password:hex_md5($('#password')).val(),//传输加密的密码},function(req){//成功回调函数if(req.status == 1){}//我们将数据存放在cookie中,但是换了页面之后cookie中变成空的,解决这个bug就放在localStorage中// 用户端把返回的token放入cookie中//$.cookie('token', req.obj1);window.localStorage.setItem("token",req.obj1);//放到localStorage//alert(window.localStorage.getItem("token"));// 登录成功跳转页面 location.href = "******" ;  }else if(req.status == -1){alert("用户名不存在")            }else if(req.status == -2){
alert("您处于冻结状态中")
}else if(req.status == -3){alert("密码错误")}else if(req.status == -4){alert("登录失败五次,您的账户已被冻结,5分钟之后重试")})
}

 

这篇关于登录的数据传输 放在cookie中的数据在更换页面之后就null了,然后就直接将用户端返回的tooken放在localStorage中的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/724472

相关文章

Linux下利用select实现串口数据读取过程

《Linux下利用select实现串口数据读取过程》文章介绍Linux中使用select、poll或epoll实现串口数据读取,通过I/O多路复用机制在数据到达时触发读取,避免持续轮询,示例代码展示设... 目录示例代码(使用select实现)代码解释总结在 linux 系统里,我们可以借助 select、

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

mybatis直接执行完整sql及踩坑解决

《mybatis直接执行完整sql及踩坑解决》MyBatis可通过select标签执行动态SQL,DQL用ListLinkedHashMap接收结果,DML用int处理,注意防御SQL注入,优先使用#... 目录myBATiFBNZQs直接执行完整sql及踩坑select语句采用count、insert、u

C#自动化实现检测并删除PDF文件中的空白页面

《C#自动化实现检测并删除PDF文件中的空白页面》PDF文档在日常工作和生活中扮演着重要的角色,本文将深入探讨如何使用C#编程语言,结合强大的PDF处理库,自动化地检测并删除PDF文件中的空白页面,感... 目录理解PDF空白页的定义与挑战引入Spire.PDF for .NET库核心实现:检测并删除空白页

C#使用iText获取PDF的trailer数据的代码示例

《C#使用iText获取PDF的trailer数据的代码示例》开发程序debug的时候,看到了PDF有个trailer数据,挺有意思,于是考虑用代码把它读出来,那么就用到我们常用的iText框架了,所... 目录引言iText 核心概念C# 代码示例步骤 1: 确保已安装 iText步骤 2: C# 代码程

90%的人第一步就错了! 顺利登录wifi路由器后台的技巧

《90%的人第一步就错了!顺利登录wifi路由器后台的技巧》登录Wi-Fi路由器,其实就是进入它的后台管理页面,很多朋友不知道该怎么进入路由器后台设置,感兴趣的朋友可以花3分钟了解一下... 你是不是也遇到过这种情况:家里网速突然变慢、想改WiFi密码却不知道从哪进路由器、新装宽带后完全不知道怎么设置?别慌

Pandas处理缺失数据的方式汇总

《Pandas处理缺失数据的方式汇总》许多教程中的数据与现实世界中的数据有很大不同,现实世界中的数据很少是干净且同质的,本文我们将讨论处理缺失数据的一些常规注意事项,了解Pandas如何表示缺失数据,... 目录缺失数据约定的权衡Pandas 中的缺失数据None 作为哨兵值NaN:缺失的数值数据Panda

C++中处理文本数据char与string的终极对比指南

《C++中处理文本数据char与string的终极对比指南》在C++编程中char和string是两种用于处理字符数据的类型,但它们在使用方式和功能上有显著的不同,:本文主要介绍C++中处理文本数... 目录1. 基本定义与本质2. 内存管理3. 操作与功能4. 性能特点5. 使用场景6. 相互转换核心区别

python库pydantic数据验证和设置管理库的用途

《python库pydantic数据验证和设置管理库的用途》pydantic是一个用于数据验证和设置管理的Python库,它主要利用Python类型注解来定义数据模型的结构和验证规则,本文给大家介绍p... 目录主要特点和用途:Field数值验证参数总结pydantic 是一个让你能够 confidentl

JAVA实现亿级千万级数据顺序导出的示例代码

《JAVA实现亿级千万级数据顺序导出的示例代码》本文主要介绍了JAVA实现亿级千万级数据顺序导出的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 前提:主要考虑控制内存占用空间,避免出现同时导出,导致主程序OOM问题。实现思路:A.启用线程池