小程序开发总结三 弹窗 动态class 发送请求 设置本地储存过期时间

弹窗

<button class="get_code  bindtap="get_login" >{{get_code}}</button>

get_login(e){
      wx.showToast({
        title: '请输入手机号码',
        icon: 'none',
        duration: 2000
      })
},

 动态切换class

 get_code是本来默认的css样式    code_active初始值设置为false即isActive的样式不显示

<button class="get_code  {{ code_active?'isActive':'' }}"  bindtap="get_login">{{get_code}}</button>

 获取data中的数据

this.data.phone_number

发送请求

 如果传的参数是个对象，需要JSON.stringify，例：params:{ 'phoneNumber': phoneNumber }

var data = JSON.stringify({ 'phoneNumber': phoneNumber });  //如果传的参数是对象，需要用JSON.stringify转义
wx.request({
      method: "POST",
      url: 'http://192.168.1.187:4280/wechat/send_veri_code',
      data: {
        params: data
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success(res) {    //成功返回
        //console.log(res.data)
      },
      fail(err) {      //失败返回
        console.log(err)
      }
    })

设置本地储存过期时间

获取当前时间timestamp ，

存一个过期时间expiration，将当前时间存在本地

wx.setStorageSync("index_data_expiration", expiration); 本地储存

var timestamp = Date.parse(new Date());
var expiration = timestamp + 1296000000;//2592000秒（一个月）
wx.setStorageSync("index_data_expiration", expiration);

使用时 

var expiration = wx.getStorageSync("index_data_expiration");//拿到过期时间
    console.log(expiration)
    var timestamp = Date.parse(new Date());//拿到现在时间
    //进行时间比较
    if (expiration < timestamp) {//过期了，清空缓存，跳转到登录
      console.log("缓存已过期");
      wx.clearStorageSync();//清空缓存
      return;
    }