微信小程序 onLoad 函数

  1. 小程序注册完成后,加载页面,触发onLoad方法。
  2. 页面载入后触发onShow方法,显示页面。
  3. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。
  4. 当小程序后台运行或跳转到其他页面时,触发onHide方法。
  5. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法。
  6. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload

  例如:

  我们定义了一个方法:

  功能是:当用户打开这个页面就会调用下面这个函数

 1   /**
 2    * 获取商品详情信息
 3    */
 4   getdata: function (product_id) {//定义函数名称
 5     var that = this;
 6     wx.request({
 7       url: url,//请求地址
 8       header: {//请求头
 9         "Content-Type": "applciation/json"
10       },
11       method: "GET",//get为默认方法/POST
12       success: function (res) {
15         that.setData ({
16           data: res.data
23       },
24       fail: function (err) { },//请求失败
25       complete: function () { }//请求完成后执行的函数
26     })
27   },

  然后,onLoad调用这个函数

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {this.getdata(options.id);
  },

这样就可以了。

你也可以关注我的微信公众号 lovephp , 一起交流学习 。

原文地址:https://www.cnblogs.com/ldj3/p/9120748.html

时间: 2024-08-29 22:37:51

微信小程序 onLoad 函数的相关文章

如何使用微信小程序云函数发送短信验证码

其实微信小程序前端和云端都是可以调用短信平台接口发送短信的,使用云端云函数的好处是无需配置域名,也没有个数限制. 本文使用的是榛子云短信平台(http://smsow.zhenzikj.com) ,SDK下载: http://smsow.zhenzikj.com/doc/sdk.html 1. 安装下载后的SDK在cloudfunctions文件夹下会包含3个云函数文件夹,如下: 由于目前IDE没有云函数导入功能,您需要手工创建同名的云函数,然后将云函数下的文件手工拷进去 注:下载的SDK是一个

微信小程序 功能函数 点击传参和页面

// 商品详情页跳转函数 detailInto: function (e) { // console.log() var change = e.currentTarget.dataset.id; wx.navigateTo({ url: '../detail/detail?id=' + change }) }, //接收的页面 onLoad: function (opt) { var selectnum= this.data.selectnum; selectnum.sq = opt.key;

微信小程序使用函数的三种方法

使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinutes() var second = date.getSeconds() return [year, month,

微信小程序云函数Windows下安装wx-server-sdk

第一次上传部署云函数时,会提示这个,建议在这之前先安装一下node.js. https://nodejs.org/en/ 下载nodejs,然后直接安装,在cmd控制台输入node -v和npm -v,这两个打印版本号的命令可以判断node和npm是否安装成功. 这时可以进行第一次上传部署云函数的操作了,如果你已经执行过了,那现在就需要手工来安装wx-server-sdk依赖了. 打开cmd控制台,进入到云函数的文件夹,然后执行: npm install --save [email protec

微信小程序 功能函数 将对象的键添加到数组 (函数深入)

// 将对象的键添加到数组 var arr = Object.keys(site); //英文 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys 中文 https://developer.mozilla.org/zh-CN/ https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glo

微信小程序 功能函数 购物车商品删除

// 购物车删除 deleteList(e) { const index = e.currentTarget.dataset.index; let carts = this.data.carts; carts.splice(index, 1); // 删除购物车列表里这个商品 this.setData({ carts: carts }); if (!carts.length) { // 如果购物车为空 this.setData({ hasList: false // 修改标识为false,显示购

微信小程序 功能函数 分享

//wxml <button open-type="share" style=' <view class='btn-img'> <image class='image-full' src='../../imgs/index/tab5.png'></image> </view> <view>分享</view> </button> //js /** * 用户点击右上角分享 */ onShareAppM

微信小程序 功能函数 把数字1,2,3,4换成春,夏,秋,冬

let season ='1,2,3'; // console.log(season.length) if (season){ if (season.length==1){ seasonChe1=season.substr(0); seasonChe1 = parseInt(seasonChe1) switch (seasonChe1) { case 1: (function(){ seasonChe2='春' })() break; case 2: (function () { seasonC

微信小程序 功能函数 touch触摸计时

shiFN:function(e){ // touchstart // touchend let that=this; let n=0; // 判断是开始还是结束的参数 let textTure = e.type; that.setData({ textTure: textTure }) if (textTure =='touchstart'){ let lovetime = setInterval(function () { n += 0.5; if (that.data.textTure==