登录的数据传输 放在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

相关文章

批量导入txt数据到的redis过程

《批量导入txt数据到的redis过程》用户通过将Redis命令逐行写入txt文件,利用管道模式运行客户端,成功执行批量删除以Product*匹配的Key操作,提高了数据清理效率... 目录批量导入txt数据到Redisjs把redis命令按一条 一行写到txt中管道命令运行redis客户端成功了批量删除k

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

解决pandas无法读取csv文件数据的问题

《解决pandas无法读取csv文件数据的问题》本文讲述作者用Pandas读取CSV文件时因参数设置不当导致数据错位,通过调整delimiter和on_bad_lines参数最终解决问题,并强调正确参... 目录一、前言二、问题复现1. 问题2. 通过 on_bad_lines=‘warn’ 跳过异常数据3

Spring Security 单点登录与自动登录机制的实现原理

《SpringSecurity单点登录与自动登录机制的实现原理》本文探讨SpringSecurity实现单点登录(SSO)与自动登录机制,涵盖JWT跨系统认证、RememberMe持久化Token... 目录一、核心概念解析1.1 单点登录(SSO)1.2 自动登录(Remember Me)二、代码分析三、

C#监听txt文档获取新数据方式

《C#监听txt文档获取新数据方式》文章介绍通过监听txt文件获取最新数据,并实现开机自启动、禁用窗口关闭按钮、阻止Ctrl+C中断及防止程序退出等功能,代码整合于主函数中,供参考学习... 目录前言一、监听txt文档增加数据二、其他功能1. 设置开机自启动2. 禁止控制台窗口关闭按钮3. 阻止Ctrl +

java如何实现高并发场景下三级缓存的数据一致性

《java如何实现高并发场景下三级缓存的数据一致性》这篇文章主要为大家详细介绍了java如何实现高并发场景下三级缓存的数据一致性,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 下面代码是一个使用Java和Redisson实现的三级缓存服务,主要功能包括:1.缓存结构:本地缓存:使

在MySQL中实现冷热数据分离的方法及使用场景底层原理解析

《在MySQL中实现冷热数据分离的方法及使用场景底层原理解析》MySQL冷热数据分离通过分表/分区策略、数据归档和索引优化,将频繁访问的热数据与冷数据分开存储,提升查询效率并降低存储成本,适用于高并发... 目录实现冷热数据分离1. 分表策略2. 使用分区表3. 数据归档与迁移在mysql中实现冷热数据分

C#解析JSON数据全攻略指南

《C#解析JSON数据全攻略指南》这篇文章主要为大家详细介绍了使用C#解析JSON数据全攻略指南,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、为什么jsON是C#开发必修课?二、四步搞定网络JSON数据1. 获取数据 - HttpClient最佳实践2. 动态解析 - 快速

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Ubuntu 24.04启用root图形登录的操作流程

《Ubuntu24.04启用root图形登录的操作流程》Ubuntu默认禁用root账户的图形与SSH登录,这是为了安全,但在某些场景你可能需要直接用root登录GNOME桌面,本文以Ubuntu2... 目录一、前言二、准备工作三、设置 root 密码四、启用图形界面 root 登录1. 修改 GDM 配