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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/237684.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2023秋季学期数据库原理重修相关复习总结知识点

使用 ALTER TABLE 命令可以修改表结构,其中包括设置字段的默认值。使用 LIKE 关键字进行模糊查询,通常结合 % 或其他通配符使用。表的关联使用 JOIN 关键字。使用 LIMIT 子句限制查询结果的行数,实现分页效果。使用 DATE() 函数对日期进行格式…

【Java代码审计】RCE篇

【Java代码审计】RCE篇 1.Java中的RCE2.ProcessBuilder命令执行漏洞3.Runtime exec命令执行漏洞4.脚本引擎代码注入5.RCE的防御 1.Java中的RCE 在PHP开发语言中有system()、exec()、shell_exec()、eval()、passthru()等函数可以执行系统命令。在Java开发语言中可以执行系统命令…

C#使用HTTP方式对接WebService

C#使用HTTP方式对接WebService C#对接WebService的几种方式 1.直接引用服务 添加服务 添加成功后, 会显示服务详细 调用服务 使用HTTPPost调用WebService option.RequestDataStr GetHttpRequestXml(strXmlBody); // 创建一个 HttpClient 对象 using (HttpClient client …

《深入浅出SSD》:固态存储核心技术、原理与实战

目录 前言 内容简介 作者简介 名人推荐 本书目录 了解更多 结语 作者简介: 懒大王敲代码,计算机专业应届生 今天给大家聊聊《深入浅出SSD》这本书,希望大家能觉得实用! 欢迎大家点赞 👍 收藏 ⭐ 加关注哦&…

shell脚本发送钉钉告警通知案例一则 —— 筑梦之路

实现原理 将要发送的消息内容保存到json文件中,通过curl命令请求钉钉机器人接口。 脚本示例 cat /opt/disk_usage_check.sh #!/bin/bash# 设置警告阈值 THRESHOLD80# CURRENT_TIME$(date "%Y-%m-%d %H:%M:%S") # 获取主机名和IP HOSTNAME$(hostname) I…

助力智能车辆检测计数,基于官方YOLOv8全系列[n/s/m/l/x]开发构建道路交通场景下不同参数量级车流检测计数系统

在很多道路交通卡口都有对车流量的统计计算需要,有时候一些特殊时段、特殊节日等时间下对于车流的监测预警更为重要,恶劣特殊天气下的提早监测、预警、限流对于保证乘客、驾驶员的安全是非常重要的措施,本文的主要目的就是想要开发构建道路交…

2 Pandas之Series

Pandas数据结构简介 Pandas可以处理以下三种数据: SeriesDataFramePanel 这些数据建立在NumPy上,故可以快速运行。 纬度描述 更好的理解这些数据结构的方式是将高维数据看作是低维数据的容器。例如,DataFrame是Series的容器,P…

最新ChatGPT网站系统源码+AI绘画系统+支持GPT语音对话+详细图文搭建教程/支持GPT4.0/H5端系统/文档知识库

一、前言 SparkAi创作系统是基于ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统,支持OpenAI-GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美,可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作Ch…

python编程(1)之通用引脚GPIO使用

在之前的章节中,小编带领大家学习了:如何构建esp32的python开发环境-CSDN博客 今天小编带领大家开始学习python编程的第一节,通用引脚。esp32c3核心板是一个高度集成,功能丰富的模块,来看下他的功能分布: 我…

GraphPad Prism 10 for Mac v10.0.0.3 安装教程

GraphPad Prism GraphPad Prism是一款非常专业强大的科研医学生物数据处理绘图软件,它可以将科学图形、综合曲线拟合(非线性回归)、可理解的统计数据、数据组织结合在一起,除了最基本的数据统计分析外,还能自动生成统…

统信UOS|DNS server|04-添加主域名解析

原文链接:统信UOS|DNS server|04-添加主域名解析 hello,大家好啊!继我们在之前的文章中成功部署了测试用的HTTP服务器、搭建了DNS解析服务器,并添加了子域名解析之后,今天我们将继续我们的DNS域…

uniapp随记

文章目录 this的指向 this的指向 在使用api-uni.chooseMedia时,选中的图片不能给data中的变量赋值,需要增加变量代替this 参考文章 原来的代码 chooseMedia() {uni.chooseMedia({count: 9,mediaType: [image, video],sourceType: [album, camera],maxD…

VSCode安装PYQT5

安装PYQT5 pip install PyQt5 -i https://pypi.tuna.tsinghua.edu.cn/simple pip install PyQt5-tools -i https://pypi.tuna.tsinghua.edu.cn/simple 获得Python环境位置 查看函数库安装位置 pip show 函数库名 通过查询函数库,了解到python安装位置为 C:\User…

C语言中常见的关键字

一、数据类型关键字(20个) 基本数据类型(5个) void:声明函数无返回值或无参数,声明无类型指针,显式丢弃运算结果 char:字符型类型数据,属于整型数据的一种 int&#xff…

力扣题:子序列-12.29

力扣题-12.29 [力扣刷题攻略] Re:从零开始的力扣刷题生活 力扣题1:522. 最长特殊序列 II 解题思想:首先将字符串列表按长度进行降序,然后对每个字符串进行判断是否是独有的子序列,因为短的字串可能是长的字串的子序…

力扣:LCR 161. 连续天数的最高销售额(最大子数组和,动态规划入门)

链接:力扣:LCR 161. 连续天数的最高销售额 题目: 某公司每日销售额记于整数数组 sales,请返回所有 连续 一或多天销售额总和的最大值。 要求实现时间复杂度为 O(n) 的算法。 示例 1: 输入:sales [-2,1,-3,4,-1,2,1…

解决vue2项目 el-dialog弹窗不显示

初始写法 使用了v-model 弹窗不显示 <el-dialog v-model"dialogVisible" title"Popup Content" :width"dialogWidth" close"handleCloseDialog"><p>{{ selectedItemContent }}</p></el-dialog> 将v-model改…

2023.12.19 关于 Redis 通用全局命令

目录 引言 Redis 全局命令 SET & GET KEYS EXISTS DEL EXPIRE TTL TYPE redis 引入定时器高效处理过期 key 基于优先级队列方式 基于时间轮方式 引言 Redis 是根据键值对的方式存储数据的必须要进入 redis-cli 客户端程序 才能输入 redis 命令 Redis 全局命令 R…

【藏经阁一起读】(80)__《2023龙蜥社区白皮书》

【藏经阁一起读】&#xff08;80&#xff09;__《2023龙蜥社区白皮书》 2023龙蜥社区白皮书 作者&#xff1a; 小龙 发布时间&#xff1a;2023-11-15 章节数&#xff1a;79 内容简介&#xff1a; 从解决CentOS停服的问题出发为广大用户的业务连续性提供了坚定的保障&#xf…

C# 使用MSTest进行单元测试

目录 写在前面 代码实现 执行结果 写在前面 MSTest是微软官方提供的.NET平台下的单元测试框架&#xff1b;可使用DataRow属性来指定数据&#xff0c;驱动测试用例所用到的值&#xff0c;连续对每个数据化进行运行测试&#xff0c;也可以使用DynamicData 属性来指定数据&…