小程序之設置全局變量與改變全局變量的值

1.設置全局變量php

根據小程序官方文檔可知,小程序app.js文件內有一個globalData函數,能夠在其中定義所須要的全局變量。json

app.js小程序

App({
  //當小程序初始化完成時,會觸發 onLaunch(全局只觸發一次)
  onLaunch: function () {
    this.globalData.key = 'key123456789qwertyui' // 這樣全局key的值就設置完成了
  },
  globalData: {
    key: null,
  }
})

如今進入/pages/index/index頁面,假如須要在這個頁面用到這個key值,獲取方式以下:app

index.js函數

var app = getApp() // 取得全局App
Page({
  data:{
    ........, // 省略
    indexKey
  },
  onShow(){
    this.setData({
      indexKey: app.globalData.key // 拿到全局的key
    })
  }
})

2.改變全局變量的值ui

假如在index.js中調用了一個接口,返回了新的key值,須要改變原來全局的key,寫法以下:this

var app = getApp() // 取得全局App
Page({
  data:{
    ........ // 省略
  },
  onShow(){
    wx.request({
      url: 'test.php', //僅爲示例,並不是真實的接口地址
      data: {
        x: '' ,
        y: ''
      },
      header: {
        'content-type': 'application/json' // 默認值
      },
      success: function(res) {
        console.log(res.data)
        app.globalData.key = res.data.key // 改變key的值
      }
    })
  }
})
相關文章
相關標籤/搜索