首页 前端知识 jQuery、vue、小程序、uni-app中的本地存储数据和接受数据

jQuery、vue、小程序、uni-app中的本地存储数据和接受数据

2024-05-06 09:05:10 前端知识 前端哥 260 806 我要收藏

jQuery:

存储数据:

// 存储数据到本地
localStorage.setItem('key', 'value');

// 存储对象到本地
localStorage.setItem('key', JSON.stringify(object));

获取数据:

// 从本地获取数据
var value = localStorage.getItem('key');

// 从本地获取对象
var object = JSON.parse(localStorage.getItem('key'));

Vue.js:

存储数据:

// 存储数据到本地
localStorage.setItem('key', 'value');

// 存储对象到本地
localStorage.setItem('key', JSON.stringify(object));

获取数据:

// 从本地获取数据
var value = localStorage.getItem('key');

// 从本地获取对象
var object = JSON.parse(localStorage.getItem('key'));

小程序(微信小程序、支付宝小程序、百度小程序等):

存储数据:

// 存储数据到本地
wx.setStorageSync('key', 'value');

// 存储对象到本地
wx.setStorageSync('key', object);

获取数据:

// 从本地获取数据
var value = wx.getStorageSync('key');

// 从本地获取对象
var object = wx.getStorageSync('key');

uni-app:

存储数据:

// 存储数据到本地
uni.setStorageSync('key', 'value');

// 存储对象到本地
uni.setStorageSync('key', object);

获取数据:

// 从本地获取数据
var value = uni.getStorageSync('key');

// 从本地获取对象
var object = uni.getStorageSync('key');

以上是四种常用的前端框架/技术中使用本地存储数据和接收数据的方法。具体使用哪一种取决于你正在使用哪种框架/技术。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7130.html
标签
小程序
评论
发布的文章

HTML5-新增表单元素

2024-05-10 08:05:59

Dayjs 的一些常用方法

2024-05-10 08:05:59

Howler.js HTML5声音引擎

2024-05-10 08:05:59

前端攻城狮HTML5自查手册

2024-05-10 08:05:51

JavaScript 基础入门

2024-05-10 08:05:41

HTML5新手入门指南

2024-05-08 10:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!