微信小程序怎么存数据?如何存小程序数据?
微信小程序怎么存数据?如何存小程序数据?微信小程序想要存数据，就一定会使用一些微信小程序代码，以下就是小编整理的一些微信小程序代码哦，帮大家去实现微信小程序存数据。
微信小程序怎么存数据?
微信小程序开发内测一个月，数据传递的方式很少，经常遇到页面销毁后回传参数的问题，小程序中并没有类似Android的startActivityForResult的方法，也没有类似广播这样的通讯方式，更没有类似eventbus的轮子可用。
现在已知传递参数的方法只找到三种，先总结下，由于正处于内测阶段，文档也不是很稳定,经常修改，目前尚没有人造轮子。
先上微信小程序存数据的效果图：
1.APP.js文件
我把常用且不会更改的参数放在APP.js的data里面了.在各个page中都可以拿到var app = getApp();
app上就可以拿到存在data中的参数.
2. wx.navigateTo({})中URL携带参数
demo中已经写出:
wx.navigateTo({
url: "../newpage/newpage?infofromindex=" + this.data.infofromindex,
});
页面间传递参数的笔记
3.wx.setStorage(OBJECT)数据缓存
微信小程序开发文档中的数据缓存方法:
①存储数据
try {
wx.setStorageSync('infofrominput', this.data.infofrominput)
} catch (e) {
}
②获取数据
//获取
wx.getStorage({
key: 'infofrominput',
success: function (res) {
_this.setData({
infofromstorage: res.data,
})
}
})
key是本地缓存中的指定的 key,data是需要存储的内容.
详情见微信小程序开发文档:文档
贴上代码:
1.index.js
[javascript] view plain copy//index.js
//获取应用实例
var app = getApp()
Page({
data: {
info: app.data.info,
infofromindex: '来自index.js的信息',
infofrominput: ''
},
onLoad: function () {
},
//跳转到新页面
gotonewpage: function () {
wx.navigateTo({
url: "../newpage/newpage?infofromindex=" + this.data.infofromindex,
});
},
//获取输入值
searchInputEvent: function (e) {
console.log(e.detail.value)
this.setData({ infofrominput: e.detail.value })
},
//保存参数
saveinput: function () {
try {
wx.setStorageSync('infofrominput', this.data.infofrominput)
} catch (e) {
}
}
})
2.index.wxml
[html] view plain copy
跳转
存入Storage
3.newpage.js
[javascript] view plain copy//newpage.js
//获取应用实例
var app = getApp()
Page({
data: {
infofromapp: app.data.infofromapp,
infofromindex: '',
infofromstorage: '',
},
onLoad: function (options) {
var _this = this;
var infofromindex = options.infofromindex;
this.setData({
infofromindex: infofromindex
})
//获取
wx.getStorage({
key: 'infofrominput',
success: function (res) {
_this.setData({
infofromstorage: res.data,
})
}
})
}
})
微信小程序怎么存数据?以上就是小编整理的微信小程序怎么存数据的内容了哦，感谢大家的观看哦，更多相关的精彩内容尽在微小乔哦，请多关注微小乔。以上全部内容供大家参考哦。
微信小程序怎么实现和数据库的交互相关资料
微信小程序怎么读取数据库?小程序如何读取数据?
微信小程序后端数据库,微信小程序和野狗数据库结合