微信小程序02---交互反馈、本地存储、页面跳转及传参、HTTP

目录

今日知识

1、常见的交互反馈设计 wx.showToast()    wx.hideToast()   wx.showModel()   

Toast

模态对话框

2、本地存储

异步存储  wx.setStorage

异步读取  wx.getStorage

同步存储  wx.setStorageSync

同步读取  wx.getStorageSync

缓存的限制和隔离

3、小程序的界面跳转

页面跳转

跳转传参

4、http的使用  wx.request

参数说明

请求的封装

---

今日知识

1、常见的交互反馈设计 wx.showToast()    wx.hideToast()   wx.showModel()   

Toast

在完成某个操作成功之后，我们希望告诉用户这次操作成功并且不打断用户接下来的操作。弹出式提示Toast就是用在这样的场景上，Toast提示默认1.5秒后自动消失。

Page({

  onLoad: function() {

    wx.showToast({ // 显示Toast

      title: '已发送',

      icon: 'success',

      duration: 1500

    })

    // wx.hideToast() // 隐藏Toast

  }

})

模态对话框

Page({

  onLoad: function() {

    wx.showModal({

      title: '标题',

      content: '告知当前状态，信息和解决方法',

      confirmText: '主操作',

      cancelText: '次要操作',

      success: function(res) {

        if (res.confirm) {

          console.log('用户点击主操作')

        } else if (res.cancel) {

          console.log('用户点击次要操作')

        }

      }

    })

  }

})

2、本地存储

异步存储  wx.setStorage

wx.setStorage({

      data: {name:"小明",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

      key: 'list',//本地缓存中指定的 key

})

异步读取  wx.getStorage

wx.getStorage({

      key: 'list',

      success(res){

        console.log(res);

      }

    })

同步存储  wx.setStorageSync

wx.setStorageSync('list1', {name:"小花",age:5})

同步读取  wx.getStorageSync

const list = wx.getStorageSync('list')

 

缓存的限制和隔离

• 小程序宿主环境会管理不同小程序的数据