导语
网络请求和本地存储是比较必要的需求了,所以简单的做一个介绍,同时也给自己做一个记录,以后忘记了还能回来看一看。
本地存储
不多废话直接上代码,还是比较简单的。
- 存储
setItem(key, value, callback)
例子:
const storage = weex.requireModule("storage");
storage.setItem("projectType", JSON.stringify(model), event => {
console.log("设置成功");
});
- 取值
getItem(key, callback)
例子:
storage.getItem("projectType", event => {
this.model = JSON.parse(event.data);
});
- 删除本地数据
removeItem(key, callback)
备注:
1.storage 模块在浏览器端(H5)只能存储小于5M的数据,移动端没有限制。
2.存储的数据每个页面(vue)都能使用。
网络请求
代码如下:
1.先导入模块
var stream = weex.requireModule('stream');
//网络请求
wxReloadData(url, params,callback) {
return stream.fetch({
method: 'POST',
url: url,
type: 'json',
body:this.toParams(params)
}, callback);
},
//拼接地址
toParams(obj) {
var param = ""
for(const name in obj) {
if(typeof obj[name] != 'function') {
param += "&" + name + "=" + encodeURI(obj[name])
}
}
return param.substring(1)
}
备注:不知道为什么我看文档是可以直接在body里面写参数的,但是不知道为什么我试了不行,必须要自己拼接参数,如果有知道的大牛可以留言告知一下。