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

2023-12-22 06:20:04

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://blog.csdn.net/weixin_59525879/article/details/135142720
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。