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

相关文章

Python数据验证神器Pydantic库的使用和实践中的避坑指南

《Python数据验证神器Pydantic库的使用和实践中的避坑指南》Pydantic是一个用于数据验证和设置的库,可以显著简化API接口开发,文章通过一个实际案例,展示了Pydantic如何在生产环... 目录1️⃣ 崩溃时刻:当你的API接口又双叒崩了!2️⃣ 神兵天降:3行代码解决验证难题3️⃣ 深度

MySQL快速复制一张表的四种核心方法(包括表结构和数据)

《MySQL快速复制一张表的四种核心方法(包括表结构和数据)》本文详细介绍了四种复制MySQL表(结构+数据)的方法,并对每种方法进行了对比分析,适用于不同场景和数据量的复制需求,特别是针对超大表(1... 目录一、mysql 复制表(结构+数据)的 4 种核心方法(面试结构化回答)方法 1:CREATE

Springboot3统一返回类设计全过程(从问题到实现)

《Springboot3统一返回类设计全过程(从问题到实现)》文章介绍了如何在SpringBoot3中设计一个统一返回类,以实现前后端接口返回格式的一致性,该类包含状态码、描述信息、业务数据和时间戳,... 目录Spring Boot 3 统一返回类设计:从问题到实现一、核心需求:统一返回类要解决什么问题?

详解C++ 存储二进制数据容器的几种方法

《详解C++存储二进制数据容器的几种方法》本文主要介绍了详解C++存储二进制数据容器,包括std::vector、std::array、std::string、std::bitset和std::ve... 目录1.std::vector<uint8_t>(最常用)特点:适用场景:示例:2.std::arra

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

Python结合Free Spire.PDF for Python实现PDF页面旋转

《Python结合FreeSpire.PDFforPython实现PDF页面旋转》在日常办公或文档处理中,我们经常会遇到PDF页面方向错误的问题,本文将分享如何用Python结合FreeSpir... 目录基础实现:单页PDF精准旋转完整代码代码解析进阶操作:覆盖多场景旋转需求1. 旋转指定角度(90/27

Spring Boot基于 JWT 优化 Spring Security 无状态登录实战指南

《SpringBoot基于JWT优化SpringSecurity无状态登录实战指南》本文介绍如何使用JWT优化SpringSecurity实现无状态登录,提高接口安全性,并通过实际操作步骤... 目录Spring Boot 实战:基于 JWT 优化 Spring Security 无状态登录一、先搞懂:为什

C# WebAPI的几种返回类型方式

《C#WebAPI的几种返回类型方式》本文主要介绍了C#WebAPI的几种返回类型方式,包括直接返回指定类型、返回IActionResult实例和返回ActionResult,文中通过示例代码介绍的... 目录创建 Controller 和 Model 类在 Action 中返回 指定类型在 Action

MySQL中的DELETE删除数据及注意事项

《MySQL中的DELETE删除数据及注意事项》MySQL的DELETE语句是数据库操作中不可或缺的一部分,通过合理使用索引、批量删除、避免全表删除、使用TRUNCATE、使用ORDERBY和LIMI... 目录1. 基本语法单表删除2. 高级用法使用子查询删除删除多表3. 性能优化策略使用索引批量删除避免

MySQL 数据库进阶之SQL 数据操作与子查询操作大全

《MySQL数据库进阶之SQL数据操作与子查询操作大全》本文详细介绍了SQL中的子查询、数据添加(INSERT)、数据修改(UPDATE)和数据删除(DELETE、TRUNCATE、DROP)操作... 目录一、子查询:嵌套在查询中的查询1.1 子查询的基本语法1.2 子查询的实战示例二、数据添加:INSE