微信小程序开发(1 基本)

一.Page对象生命周期
1.data对象:页面初始数据,可以在里面定义一些wxml里展示的对象,可以用setData方法为其赋值,当然也可以取值

       赋值(that是Page对象):


2.onload方法:页面初次加载时调用的方法,入参options会携带有跳转到此页面时的所带参数,例如:

可以按红框中所示获取options中前置页面传来的对象


3.onshow方法:每次页面显示的时候都会调用的方法,没有入参对象,一般来讲数据都是源于Page对象的data
二.wx对象:
它是微信小程序自带的对象,封装了一大堆实用的功能,常用的几个方法如下:
1.wx.request:微信小程序发送网络请求的的方法,参数是一个对象,这个对象有url(即发送请求的后端url)、method(请求方法)、header(请求头)等属性,也包括主要两个方法,一个是success:function(res)、一个是fail:function(),其中success方法是请求成功后会回调的方法,res是http返回对象,可以获取它的data(返回的请求体)和statusCode(状态码),fail是请求失败的回调对象

    wx.request({
      url: 'http://127.0.0.1:8080/userService/viewMerchant/' + id,
      method: 'GET',
      header: {
        "Content-Type": "application/json",
        "token": token
      },
      success: function(res) {
        if (res.data.code == 0) {
          var list = res.data.data.passbookList
          var show = res.data.data.showDto;
          that.setData({
            list: list,
            show: show,
            id: id
          });
        } else {
          wx.showModal({
            title: '提示',
            content: '出错了',
          });
        }
      },
      fail: function() {
        wx.showModal({
          title: '提示',
          content: '网络异常',
        });
      }
    });


2.wx.navigateTo:页面跳转,可以输入页面跳转的url(/本地目录/page),可以携带参数,跳转后可以点左上角返回上个页面


3.wx.showModal:弹出提示框,入参对象可以重写success: function(sm) 方法,来执行点击提示框的确定按键后的逻辑


4.wx.getStorageSync/wx.setStorageSync:本地存储,就是key-value存储

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值