五、weex网络请求和本地存储

导语

网络请求和本地存储是比较必要的需求了，所以简单的做一个介绍，同时也给自己做一个记录，以后忘记了还能回来看一看。

本地存储

不多废话直接上代码，还是比较简单的。

1. 存储

setItem(key, value, callback)

例子:

const storage = weex.requireModule("storage");
storage.setItem("projectType", JSON.stringify(model), event => {
        console.log("设置成功");
      });

2. 取值

getItem(key, callback)

例子:

 storage.getItem("projectType", event => {
      this.model = JSON.parse(event.data);
    });

3. 删除本地数据

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里面写参数的，但是不知道为什么我试了不行，必须要自己拼接参数，如果有知道的大牛可以留言告知一下。