前端将数据存储到本地浏览器

最新推荐文章于 2022-12-13 23:35:13 发布
最新推荐文章于 2022-12-13 23:35:13 发布
阅读量846 收藏 3
点赞数 1
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qsn153025/article/details/123170264
版权 
        localStorage.setItem("addToken",e.data.token );

1.存数据 （以token为例）

       var token=  localStorage.getItem("addToken")

2.根据你去的key（键名）取 token

 location.href='http://www.exam.com/admin/userindex?token='+token;

3.token的使用（结合）jwt token 鉴权使用

（PHP tp6 jwt token 鉴权）-》链接 

JWT 接口鉴权和访问频率_qsn153025的博客-CSDN博客

我想有只小可爱
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue中,在本地缓存中读写数据的方法
10-17
这里我们创建了一个用于存储搜索历史的函数`saveSearch`，它首先从本地缓存中获取当前的搜索历史记录，然后将新的搜索项插入到数组的前端，同时保持最大长度不超过15条。如果数组长度超过限制，它会删除最末尾的元素...
localStorage使用
weixin_30872499的博客
09-03 199
HTML5中提供了localStorage对象可以将数据长期保存在客户端，直到人为清除。 localStorage提供了几个方法: 1、存储：localStorage.setItem(key,value) 如果key存在时，更新value 2、获取：localStorage.getItem(key) 如果key不存在返回null 3、删除：localStorage.remo...
客户端存储之storage
small_ma
10-16 674
客户端存储之Storage Storage(或者更准确的说——Web Storage)介绍 什么是Storage Storage是一种Web存储机制（实现客户端存储的一种方式） 为什么会有Storage Storage的目的是克服由cookie存储所带来的限制——当数据需要被严格控制在客户端而无需持续的将数据发送回服务器。其主要实现两个目标： 1.提供一种cookie之外的存储会话数据的途...
vue使用localStorage存储token
jinann0的博客
12-12 6783
vue中可以使用localStorage方式和sessionStorage方式来存储数据，现在描写的就是运用localStorage把登录时获取到的token存储到浏览器中
将后台取到的数据保存到本地存储localStorage
AngerTime的博客
09-14 1万+
1.首先从后台取数据。 function UsertypeSelect(userid){ $.ajax({ url: "staticOperationCtrl/GetSelectData", data: { "userid":userId }, success: function(data) { if (data != "") { var ob...
java获取localstorage_获取和设置localStorage
weixin_42516005的博客
02-13 3480
东钿金融服务平台 用户第一次访问页面出现，引导步骤，起初一直使用cookie，但是cookie一直不稳定今天老大说改用localStorage 于是乎百度，查了一篇博客http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html简单介绍和使用了localStorage 在我的页面上就只是用了 获取localStorage，和设...
jquery通过cookie和localStorage实现前端数据交互源码.rar
01-27
"jquery通过cookie和localStorage实现前端数据交互源码.rar"这个资源将帮助我们理解如何利用jQuery来处理和管理用户数据，包括使用Cookie进行短期、小量数据存储，以及利用localStorage实现长期、大量数据的本地存储...
前端面试题之浏览器Browser相关题集.zip
最新发布
06-21
在前端开发领域，浏览器是开发者们最常打交道的平台之一，因此对浏览器的理解深度往往直接影响到项目的性能优化和用户体验。本题集主要聚焦于浏览器相关的面试题，旨在帮助面试者和学习者深入理解浏览器的工作原理...
使用elementUI实现将图片上传到本地的示例
10-18
总的来说，使用 Element UI 实现图片上传到本地的流程包括前端通过 `el-upload` 组件选择文件，触发上传请求，后端接收到请求后保存文件到本地，并将保存路径返回给前端。在实际开发中，还需要考虑错误处理、权限...
前端必读：浏览器内部工作原理
12-18
7. 数据存储：负责保存和读取本地数据，如cookie和Web数据库。 渲染引擎的工作流程大致如下： 1. **解析HTML**：接收HTML文档后，渲染引擎开始解析，生成DOM树（Document Object Model）。 2. **构建DOM树**：DOM...
vue项目将token存在（vuex）store和localstorage中
热门推荐
GeniusXYT的博客
02-19 2万+
文章目录一、准备工作和token1、准备工作1、介绍token用法二、创建storage，store，request1、src目录：2、创建storage（可选）3、创建store4、创建request三、配置代理，封装路由router、设置路由守卫，在main.js中引入router一、配置代理二、封装路由router，并设置路由守卫三、在main.js中引入router四、登录页面实际使用 仔......
利用window.localStorage保存登录者信息在另一个页面通过此信息与后端交互获得登陆者详细信息
叶鹤的博客
01-21 1268
利用window.localStorage保存登录者信息在另一个页面通过此信息与后端交互获得登陆者详细信息 （标题有点长了） 首先我先说我用window.localStorage的目的（标题好像写出来了），我本来是想在用户基本资料页面展示用户详细信息，但是我是从登录页面跳转过去的，在另一个页面无法知道这个用户是谁（注：在用户详情页面需要向后端传递用户账号然后才能返回用户详细信息），所以我需要能存储一下用户登录信息的东东，于是我就找到了window.localStorage 在哪找到的呢？ 在这个博客里面：h
【Vuex+localStorage】登录时获取token并封装api接口：
SunPeng的博客
08-04 1092
【Vue】登录时获取token并封装api接口：
.net后台怎么取得sessionstorage里面的值_Ajax 核心知识之与后台有个约会
weixin_39994806的博客
11-24 532
配合上节内容，今天给大家讲解Ajax一些核心知识。1：XMLHttpRequest 对象创建；所有现代浏览器均支持 XMLHttpRequest 对象；但是(IE5 和 IE6 使用的是ActiveXObject)XMLHttpRequest【 主要作用是在后台，与服务器进行数据的交换】这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新；ajax主要传输数据，靠的就是XMLHttpR...
localStorage
weixin_58448088的博客
02-17 1457
1、什么是localStorage 2、localStorage的优势 3、localStorage的局限 4、localStorage的操作方法 5、cookie和localStorage的对比
前端学习：如何将数据存储到chrome浏览器localStorage中（详细）
XSL_HR的博客
12-13 1644
浏览器三大存储方式之一——localStorage的基本用法（存储、读取、删除、JSON格式数据的处理）
后台管理系统，localstorage本地存储，获取用户信息需刷新问题
qq_42859450的博客
06-19 1947
在登录页用localStorage存储用户信息，登录到首页后获取不到用户信息，需要刷新问题 因从登录页通过this.$router.push(’/home’) 跳转至首页，APP.vue的created函数不再执行，因此要在App.vue页面监听路由，获取用户信息 watch: { KaTeX parse error: Expected '}', got 'EOF' at end of input: …rCache2 = this.store.state.userInfo; if (userCache
HTML把数据存在浏览器里,javascript – 如何使用数据将数据保存到浏览器：URL？...
weixin_36163672的博客
06-16 799
我创建了一个书签,尝试使用localStorage读取和写入以下数据：url：data:text/html;base64,PGRvY3R5cGUgaHRtbD4KPGh0bWw+Cjxib2R5Pgo8c2NyaXB0Pgpsb2NhbFN0b3JhZ2Uuc2V0SXRlbSgnY29udGVudCcsICdoZWxsbyB3b3JsZCcpOwpkb2N1bWVudC53cml0ZShsb2N...
后台获取不到请求头中token信息的解决方法
weixin_45151960的博客
11-03 8299
项目要做单点登录功能，于是在shiro的基础上加入了自定义的Filter，使用JWT自定义生成和校验token信息。功能写好后自己在postman中测试了效果，将token放在Headers中请求后台接口（如下图，还没发现问题），结果是测试成功开心的告诉前端可以对接了。过了一会，前端说接口一直返回token为空的错误信息。然后我就开始debug测试，发现前端发来请求头中确实没有找到token，但是Network。
前端解析excel文件存储到本地
03-25
A：前端解析Excel文件并将其存储在本地可以通过以下步骤完成： 1. 使用FileReader API将选定的Excel文件读入到浏览器中。 2. 使用JavaScript将Excel文件转换为JSON格式。 3. 将JSON数据存储在本地，可以使用localStorage API或IndexedDB API。 下面是一个示例代码： ```html <input type="file" id="fileInput"> <script> const fileInput = document.getElementById('fileInput'); fileInput.addEventListener('change', handleFileSelect, false); function handleFileSelect(event) { const reader = new FileReader(); reader.onload = function(event) { const data = event.target.result; const workbook = XLSX.read(data, {type: 'binary'}); const sheetName = workbook.SheetNames[0]; const sheet = workbook.Sheets[sheetName]; const json = XLSX.utils.sheet_to_json(sheet); localStorage.setItem('excelData', JSON.stringify(json)); } reader.readAsBinaryString(event.target.files[0]); } </script> ``` 此示例假定您使用了XLSX.js库来读取Excel文件并将其转换为JSON格式。您可以使用不同的库，但过程类似。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值