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

导语

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

本地存储

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

  1. 存储

setItem(key, value, callback)

例子:

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

getItem(key, callback)

例子:

 storage.getItem("projectType", event => {
      this.model = JSON.parse(event.data);
    });
  1. 删除本地数据

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • https://nodejs.org/api/documentation.html 工具模块 Assert 测试 ...
    KeKeMars阅读 6,424评论 0 6
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,586评论 0 17
  • HTML5 LocalStorage 本地存储 说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的...
    Omit03阅读 650评论 0 2
  • 出差西安,主要目的是通过加强成都和西安两地团队间的沟通效率,帮助团队解决遗留的故障。今天第一天,却让我感觉到在我需...
    xionghuisquall阅读 312评论 9 3