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

&ACE&2023-12-23 4:38

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');

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