接上一篇：在获取了uuid后localStorage的存储与提交时localStorage的使用

最新推荐文章于 2021-06-21 15:42:54 发布
最新推荐文章于 2021-06-21 15:42:54 发布
阅读量383 收藏
点赞数
文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43809055/article/details/106340543
版权

昨天只写了在请求图形验证码的同时获取uuid，结果忘记了存储，这里补充一下：基于上一篇的情况，在一个ajax获取了uuid，但是ajax之间是不能变量相互使用的，这个时候就需要js的localStorage了，这是js的一个存储空间，具体可以百度，这里可以把uuid放进去在其他的ajax里面使用，localStorage里空间终究有限，所以注意数据删除，但是注意localStorage的数据需要手动删除：

在这里插入图片描述在这里插入图片描述在这里插入图片描述操作就是这样，有不明白的可以留言问我，对你有用就点个赞吧

海德薇快跑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js Storage 本地存储用法 LocalStorage SessionStorage
学习笔记
02-21 1445
js LocalStorage SessionStorage 客户端存储小型数据的方式有 cookie 和 storage 两种 这两种存储方式都是基于站点的，也就是说不同的站点有不同的cookie cookie 用于存储小的数据，如 username email uuid token等，并可以设置数据的过期时间 storage 可以永久存储数据，并可以用于存储相对大一些的数据，一般认为可以...
获取localStorage存储的值
weixin_52118017的博客
04-12 735
通过selenium获取localStorage的值
h5新特性localstorage的简单应用（记住登录名和密码）
szl199107101035的博客
09-08 6461
我们在制作登录界面的时候回出现一个勾选框，询问我们是否记住账号和密码，当我们勾选了之后下次进来就是上次登录的账号密码，可以直接登录。那这个功能是如何实现的呢？下面我们就是用h5的新特性localstorage来实现。  首先，我们需要了解下localstorage的含义和用法。在客户端h5提供了两种存储方式；一种是localstorage，一种是sessionstorage         下
在vue中使用后台提供 的token验证方式总结及使用方法
weixin_43294092的博客
05-28 411
在vue中使用后台提供 的token验证方式总结及使用方法 token是相对会叫安全的使用暗码形式的数据传输，由后台产生，并且传输到前台，前台可以将保存，在前台每次发送请求的时候可以携带token，后台可以对token进行验证，通过验证的通过请求可以对数据进行正确的回复，否则就睡返回错误的回执码 token有自己的过期时限，并且是在后台实现，前台虚无考虑那么多，具体前台的步骤分为三部 1.在登陆的时候后台会给一个token码，前台将其存储在cookie，localstroage或者localsession中
学习若依开源项目01 结合redis的登录
qq_44600359的博客
02-19 2524
** 一. 登录 1.结合redis的验证码 页面打开就加载一个验证码信息，其中包括一个uuid 和一个验证码，将其uuid加上前缀然后存入到redis中，将uuid的大概信息当作key，将验证码结果当中value。最后设置其过期时间，一般也就是一两分钟，使用不需要担心验证码点击过多。难度很低，但是使用了redis，可以学习其思维 2.登录流程 这边比较特殊，我原本项目是结合的shiro+oauth2,这边使用的是spring-security ，我感觉两个框架的流程差不多，首先spring-securit
meteor-accounts-uuid:基于设备uuid的流星帐户
05-03
最后，考虑到设备UUID的生成和存储，你可以选择使用浏览器的localStorage或cookie来保存用户的设备UUID，以便下次访问时自动填充。但这需要处理好跨域和浏览器隐私策略的问题，确保UUID的安全存储和传输。 总结来说...
citas-veterinario:在Web上与一个虚拟的兽医预约，该兽医由React，JS，CSS Skeleton和表单验证组成
05-08
AJ兽医中心的任命这是一个基本网站，您可以在其中使用表格与虚拟兽医中心预约。 正确填写表格后，您的约会将保存在localStorage中。 您可以取消约会，并请求任意数量的约会。内容索引演示版 :rocket: 内置 :hammer_...
uuid:基于Git托管的去中心化收藏夹和书签
04-29
乌伊德基于Git托管的去中心化... {libs}根文件夹，默认libs 如： 描述您可以查看有关全局变量的更多信息： uu 使用localStorage作为本地存储该域名已购买了10年搜集如果您有更多的想法和建议，请记住要提交Issue源代码
约会管理器：这是一个Web应用程序，您可以在其中为客户安排约会，而不会丢失信息。 信息保存在本地存储中以确保数据安全，即使用户重新加载
02-13
这是一个Web应用程序，您可以在其中为客户安排约会，而不会丢失信息。 信息保存在本地存储中，即使用户重新加载，也可确保数据安全。 使用的技术： HTML，CSS，Javascript，React.js，骨骼，NanoId（用于随机ID...
实验13：承载身份验证，到期和一次性令牌以及永久令牌
02-20
在JavaScript中，可以使用诸如UUID库生成唯一且不可预测的令牌。 四、永久令牌（Permanent Token） 永久令牌，又称持久令牌，允许用户在一段时间内无须重新验证即可访问资源。这方便了用户体验，但同时也增加了风险...
Java中获取32位UUID（自认为最简便版）
热门推荐
sdjzxa333的专栏
09-06 5万+
通用唯一识别码（英语：Universally Unique Identifier，简称UUID）是一种软件建构的标准，亦为自由软件基金会组织在分散式计算环境领域的一部份。UUID的目的，是让分散式系统中的所有元素，都能有唯一的辨识信息，而不需要通过中央控制端来做辨识信息的指定。如此一来，每个人都可以创建不与其它人冲突的UUID。 一组UUID，是由一串16位组（亦称128位）的16进位数字所构
js存储跨域,localstorage跨域存储解决方案
Haor爱打杂呀
02-09 8385
跨域我知道，存储我知道，那跨域存储你了解多少呢？ 什么是跨域？ 先看一下 URL 有哪些部分组成，如下： protocol（协议）、host（域名）、port（端口）有一个地方不同都会产生跨域现象，也被称为客户端同源策略； 本地存储受同源策略限制 客户端（浏览器）出于安全性考虑，无论是 localStorage 还是 sessionStorage 都会受到同源策略限制。 那么如何实现跨域存储呢？...
如何使用localStorage存储和获取，随机值
qq_40039641的博客
03-21 354
/** * 缓存随机值 * @param number {Number} 存储在本地的随机数 * @param expires {Number} 随机数randomNumber的过期时间（小时数，默认为30分钟） */ setRandom (number, expires = 0.5) { let exp = new Date() exp.setTime(exp.getTime(...
android9获取系统空间大小，剩余空间大小，总空间大小
TAI_BAO的博客
11-24 2354
洒家认为 结论先行 `` StorageStatsManager storageStatsManager = (StorageStatsManager)context.getSystemService(STORAGE_STATS_SERVICE); try { long totalBytes = storageStatsManager.getTotalBytes(StorageManager.UUID_DEFAULT);//总空间大小 long availBytes
登录校验的实现
weixin_42839080的博客
11-07 5955
在前端领域,一个避不开的话题就是登录验证的实现,本文将通过3种方式来实现登录验证: 一 php+js实现登录验证 开发时,前后端分离提供的接口如下: ## 用户登录的接口 type : post url : api/doLogin.php data : password email 响应体: ok 或则 fail ## 判断登录成功的接口 type : get url...
nestjs中生成uuid
ur home
06-21 2002
nodejs中有一个uuid的生成库uuid：https://www.npmjs.com/package/uuid,使用起来非常简单。
用localStorage在页面间传值-thymeleaf可用
F_M_深蓝
03-28 1330
localStorage是用来作为本地存储来使用的，是html5新加的一个特性。可以用来进行页面间值的传递。 注意：要在同一域名下的页面才有效 在需要存储数据页面用localStorage设置数据 localStorage.setItem(key,value);//key要用单引号或者双引号包括着，value就是你要存的数据,只能是字符串 在需要引用数据的页面用localStorage获...
VUE中使用localStorage实现跨标签页面的通信
gdutRex的博客
10-22 3369
前言 目前出现了一个需求，需要父页面打开新的子页面，子页面提交表单之后，关闭子页面，然后把数据返回给父页面。 本来考虑使用sharedWorker，但是由于兼容性太差了，就弃用了。看到网上的介绍可以使用localStorage来实现，我就尝试了下。下面是一些具体的细节。 开始 整体流程如图所示： 需求分析 子页面需要知道自己的父页面对应的是谁，所以父页面打开子页面的时候需要传输一个父页面的KEY值 由于表单是使用dialog来显示，需要注意避免出现事件重复注册的，及时销毁事件，保留监听事件的唯一。 由于
Redis 单点登录（设计思路）
专注基础架构领域
05-26 1385
1、登录页面提交用户名密码。 2、登录成功后生成token。Token相当于原来的jsessionid，字符串，可以使用uuid。 3、把用户信息保存到redis。Key就是token，value就是TbUser对象转换成json。 4、使用String类型保存Session信息。可以使用“前缀:token”为key 5、设置key的过期时间。模拟Session的过期时间。一般半个小时。 6、把token写入Cookie中，每次请求接口都需要带上token，请求通过路由网关进行登录校验，...
使用浏览器提供的localStorage或IndexedDB存储一个随机生成的唯一标识符，每次访问网站时从存储中读取。
最新发布
06-13
是的，这是一种获取浏览器不变的唯一标识符的方法。具体实现可以参考以下代码： ```javascript // 生成一个随机的唯一标识符 function generateUUID() { var d = new Date().getTime(); var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r = (d + Math.random() * 16) % 16 | 0; d = Math.floor(d / 16); return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16); }); return uuid; } // 检查浏览器是否支持localStorage或IndexedDB function isLocalStorageSupported() { try { var testKey = 'test'; var storage = window.localStorage; storage.setItem(testKey, '1'); storage.removeItem(testKey); return true; } catch (error) { return false; } } function isIndexedDBSupported() { return 'indexedDB' in window; } // 从localStorage或IndexedDB中读取唯一标识符 function getUniqueID() { var uniqueID = ''; if (isLocalStorageSupported()) { var storage = window.localStorage; uniqueID = storage.getItem('uniqueID'); if (!uniqueID) { uniqueID = generateUUID(); storage.setItem('uniqueID', uniqueID); } } else if (isIndexedDBSupported()) { var request = window.indexedDB.open('uniqueID', 1); request.onerror = function(event) { console.log('Failed to open indexedDB'); }; request.onupgradeneeded = function(event) { var db = event.target.result; var objectStore = db.createObjectStore('uniqueID', { keyPath: 'id' }); var uniqueID = generateUUID(); objectStore.add({ id: 1, value: uniqueID }); }; request.onsuccess = function(event) { var db = event.target.result; var transaction = db.transaction(['uniqueID'], 'readwrite'); var objectStore = transaction.objectStore('uniqueID'); var getRequest = objectStore.get(1); getRequest.onsuccess = function(event) { if (getRequest.result) { uniqueID = getRequest.result.value; } else { uniqueID = generateUUID(); objectStore.add({ id: 1, value: uniqueID }); } }; }; } else { uniqueID = generateUUID(); } return uniqueID; } ``` 以上代码中，`generateUUID()`函数用于生成一个随机的唯一标识符，`isLocalStorageSupported()`和`isIndexedDBSupported()`函数用于检查浏览器是否支持localStorage或IndexedDB，`getUniqueID()`函数用于从localStorage或IndexedDB中读取唯一标识符，如果没有则生成一个新的唯一标识符并存储到localStorage或IndexedDB中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值