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

jQuery:

存储数据:

javascript 复制代码
// 存储数据到本地
localStorage.setItem('key', 'value');

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

获取数据:

javascript 复制代码
// 从本地获取数据
var value = localStorage.getItem('key');

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

Vue.js:

存储数据:

javascript 复制代码
// 存储数据到本地
localStorage.setItem('key', 'value');

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

获取数据:

javascript 复制代码
// 从本地获取数据
var value = localStorage.getItem('key');

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

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

存储数据:

javascript 复制代码
// 存储数据到本地
wx.setStorageSync('key', 'value');

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

获取数据:

javascript 复制代码
// 从本地获取数据
var value = wx.getStorageSync('key');

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

uni-app:

存储数据:

javascript 复制代码
// 存储数据到本地
uni.setStorageSync('key', 'value');

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

获取数据:

javascript 复制代码
// 从本地获取数据
var value = uni.getStorageSync('key');

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

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

相关推荐
qq_424409191 小时前
uniapp的app项目,某个页面长时间无操作,返回首页
前端·vue.js·uni-app
我在北京coding1 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
2501_915918411 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
布兰妮甜1 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui
SevgiliD1 小时前
el-button传入icon用法可能会出现的问题
前端·javascript·vue.js
我在北京coding1 小时前
Element-Plus-全局自动引入图标组件,无需每次import
前端·javascript·vue.js
鱼 空2 小时前
解决el-table右下角被挡住部分
javascript·vue.js·elementui
说私域3 小时前
从品牌附庸到自我表达:定制开发开源AI智能名片S2B2C商城小程序赋能下的营销变革
人工智能·小程序
難釋懷3 小时前
第一个小程序
小程序
春哥的研究所3 小时前
可视化DIY小程序工具!开源拖拽式源码系统,自由搭建,完整的源代码包分享
小程序·开源·开源拖拽式源码系统·开源拖拽式源码·开源拖拽式系统