从api接口获取信息缓存到本地（微信小程序）

当我们登录以后获取的信息，有些信息在后面的一些操作也会用到这些信息，我们不可能每次都重新获取，所以这时候我们就需要将这些信息缓存到本地。

比如下面这个样

登录成功后我们可以在Sorage查看缓存的信息注意：同一个微信用户，同一个小程序 storage 上限为 10MB。

接下来我们来看下d代码

这是登录页的代码，注意html代码写在 .wxml文件里，css代码写在 .wxss文件中，js代码写在 .js文件中。

<form bindsubmit="formSubmit" bindreset="formReset"><view class="box"><view class="header">学生登录</view><view class="no">学号：</view><view class="input_no"><input type="number" name="no" placeholder="请输入学号" value="1635050110" auto-focus/></view><view class="pwd">密码：</view><view class="input_pwd"><input password name="pwd" placeholder="请输入密码" value="123456" type="text" /></view><view class="btn"><button class='btn1' type="primary" formType="submit"> 登录 </button><button class='btn2' type="warn" formType="reset"> 重置 </button></view></view>
</form>

下面是JS代码

formSubmit: function (e) {  //给formSubmit定义函数事件// console.log(e.detail.value)wx.request({url: "", //仅为示例，并非真实的接口地址  url写api接口data: {username: e.detail.value.no,    //获取前台输入的值password: e.detail.value.pwd    //获取前台输入的值},header: {'content-type': 'application/json' // 默认值  可不写},success: function (res) {console.log(res.data);wx.setStorage({    //setStorage 存储到Storage缓存中key: 'student',   //本地缓存中指定的keydata: res.data});}})}

这样我们就可以在Storage中查看缓存的信息了

从api接口获取信息缓存到本地（微信小程序）相关推荐

微信小程序获取系统日期和时间 —— 微信小程序教程系列（17）
获取当前系统日期和时间在小程序中,新建项目时,就会有一个utils.js文件,就是获取日期和时间的,代码如下: utils.js: function formatTime(date) {var ye ...
小程序怎么清服务器缓存,怎么清理微信小程序缓存微信小程序缓存删除的方法...
微信小程序上线之后,关注的小程序越多,哪么将占用的手机空间就越大,这些程序会产生一定的缓存,那么怎么清理小程序缓存呢?微信小程序内的缓存到底如何清除?和小编一起来看看删除微信小程序缓存的方法吧. 一些 ...
修复采集接口版云开发表情包微信小程序源码下载增加制作等功能
大家好,相信很多人对这个界面的表情包小程序肯定不陌生吧不错之前该款小程序是属于独立后端的,不管今天所发的这款是云开发的哟运营着这个表情包的用户应该发现了,最近很多表情包图片都失效了所以呢,今天小 ...
小程序获取openid保存缓存吗_微信小程序把openid放到缓存里
在微信小程序里面,openid只能通过wx.login获取,如果在多个页面使用的话需要传递openid,比如说: wx.navigateTo({ url: 'main/main?openid=' + ...
ajax 微信code获取_计算机毕业设计中微信小程序实现微信登录(Java后台)
点击上方"蓝字",关注我们. 需要的材料 1:一个可以测试的微信小程序 2:此微信小程序的APPID和APPscret 流程微信用户对应一个小程序都有一个唯一的openid,微信 ...
php对接小程序获取表单,PHP实现微信小程序用户授权的工具类
事先准备工作 1.申请一个小程序,申请地址:传送门 2.仔细阅读小程序的用户授权登陆官方文档:<用户授权登陆的流程> 3.仔细阅读微信用户数据解密的相关文档:<用户数据解密说明文档& ...
微信小程序获取页面元素高度_微信小程序之动态获取元素宽高
我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用 ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...
php 微信小程序获取手机号_实例讲解微信小程序获取手机号授权用户登录功能...
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写.本文主要给大家分享微信小程序获取手机号授权用户登录功能,需要的朋友参考下吧, ...

从api接口获取信息缓存到本地（微信小程序）

从api接口获取信息缓存到本地（微信小程序）相关推荐

最新文章

热门文章