小程序怎么让onLoad里拿到onLaunch里异步的数据

问题:小程序onLoad 与 onLaunch 几乎是同时执行,那么怎么在onLoad里拿到onLaunch里异步的数据

解决办法:

在app.js中的onLaunch中调取接口获取到值

// 此处请求封装过
        app.request('url',data).then(res => {
            this.globalData.resData = res
            // 此处判断app对象中有没有这个回调函数
            if (this.CallbackFn) {
                // 如果有说明,onLoad中没有拿到值,把结果当参数再传入回调中
                this.CallbackFn(res);
            }
        }).catch(err => {
            wx.showToast({
                title: err.Message,
                icon: 'none'
            });
        })

在进入的页面中的onLoad中

if (app.globalData.resData && app.globalData.resData != '') {
            // 如果有值,说明接口已经返回,所以直接赋值使用
            this.setData({
                resData : resData 
            })
        } else {
            //如果没有,给app定义一个回调,拿到接口返回参数
            app.CallbackFn= data=> {
                if (data!= '') {
                    that.setData({
                        resData: data
                    })
                }
            }
        }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果您在小程序的onLaunch生命周期函数中进行了异步请求获取数据,并且将获取到的数据存储到了全局变量中,但在onLoad生命周期函数中却无法获取到这些数据,可能是因为onLoad生命周期函数的执行时间比onLaunch生命周期函数晚,导致onLoad无法获取到全局变量中的数据。 为了解决这个问题,可以使用Promise来实现异步请求获取数据,并在onLoad生命周期函数中使用Promise的then()方法来处理异步请求的结果。具体实现方法如下: ``` App({ onLaunch: function () { // 使用Promise进行异步请求 this.getAsyncData().then(res => { // 将获取到的数据存储到全局变量中 this.globalData.asyncData = res }) }, // 定义异步请求方法 getAsyncData: function () { return new Promise((resolve, reject) => { wx.request({ url: 'your_url', success: res => { resolve(res.data) }, fail: err => { reject(err) } }) }) }, globalData: { asyncData: null } }) Page({ onLoad: function () { // 使用Promise的then()方法处理异步请求的结果 getApp().getAsyncData().then(res => { // 进行相应的操作 }) } }) ``` 在onLaunch生命周期函数中使用Promise进行异步请求,并将获取到的数据存储到全局变量中。在onLoad生命周期函数中使用Promise的then()方法处理异步请求的结果,并进行相应的操作。 这样就可以解决在onLaunch中进行异步请求获取数据,在onLoad中使用这些数据无法获取到的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值