15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

h5 端保存数据到本地的js代码

李家霖| 发布于 2021-11-03 22:31:40| 711阅读| 0点赞| 0评论
举报

h5 Vue非uniapp 项目如何将数据保存到本地 主要使用 localStorage 方法

uni-app 搭建的项目  要将某一个字符串保存到本地  可以使用  

     uni.setStorageSync('token', '******'); 左边第一个值为本地缓存的key 右边的值为保存到本地的内容

   uni.getStorageSync('token'); 使用该方法可以将保存到本地的值通过指定key取出


h5 Vue 非uni-app搭建的项目  要将某一个字符串保存到本地  可以使用   

         localStorage.setItem('token', '******'); 左边第一个值为本地缓存的key 右边的值为保存到本地的内容

      localStorage.getItem('token'); 将的key所对应的值取出

      localStorage.removeItem('token'); 删除key中的数据

除了localStorage 这个方法外 sessionStorage 也可以将数据缓存到本地 使用方法与 localStorage 一样

    sessionStorage.setItem('token','*****'); 将数据缓存到本地指定的key中

    sessionStorage.getItem('token'); 获取本地key中的数据

    sessionStorage.removeItem('token'); 删除key中的数据


localStorage 与 sessionStorage 的区别

    使用 localStorage 所保存的数据将会是永久的保存 不会因为关闭浏览器而删除数据

    使用 sessionStorage 所保存的数据在关闭了标签页或关闭了浏览器后会删除所有设置的数据

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部