微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序

最新推荐文章于 2025-11-06 20:16:00 发布

原创

最新推荐文章于 2025-11-06 20:16:00 发布 · 2.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信小程序 #小程序分享 #onLaunch #onLoad

需求

在微信小程序分享页面时，打开页面按理应该是先走完app.js的onLaunch onShow在执行分享页面的onLoad和onShow；但现因为app.js的onLaunch是异步操作，在等待返回值的时候Page里的onLoad事件就已经执行了。

想要的结果

[App] onLaunch -> [Page] onLoad -> [App] onLaunch sucess callback-> [Page] onLoad

具体实现案例

1、app.js

//app.js
 App({
   
   
  onLaunch () {
   
   
   wx.request({
   
   
    url: '接口', //仅为示例，并非真实的接口地址
    data: {
   
   
    },
    success(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wocwin

关注关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

【钉钉小程序】解决app.js onLaunch异步请求，在请求未执行完就进入page onLoad 的问题

aDiaoYa_的博客

04-07

1935

小程序的执行顺序是先执行，通过获取免登授权码，然后通过和code获取userid，根据userid获取token。这整个过程都是异步的，那么我们在里面需要携带token请求数据时，里的异步请求还没有拿到token，但是此时在还未拿到数据的情况下就已经展示出来了。

微信小程序：通过回调解决先执行onLaunch后执行onload的问题

weixin_51375107的博客

08-11

2275

文章目录promise(不行)回调(可以解决) 背景：刚打开小程序的时候会小程序会执行onLaunch方法，执行完之后执行onload方法，但是当我们在onLaunch方法里执行异步操作，例如调用wx.login、使用request调用后台接口，就不能保证onLaunch方法中所有调用方法执行完成后执行onload。当我们在onload方法中需要onLaunch方法中获取的某些数据时，会导致数据获取不到。 promise(不行) 我一开始想的使用promise解决异步问题，但是不行，promise只能保

参与评论您还未登录，请先登录后发表或查看评论

微信小程序之onLaunch与onload异步问题详解

10-17

主要介绍了微信小程序之onLaunch与onload异步问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

微信小程序开发：详细解读onLoad生命周期函数

最新发布

ducaifeng86的博客

11-06

518

onLoad方法是微信小程序页面的核心入口点。

微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序

weixin_43988812的博客

03-06

6818

小程序初始化: 首先触发App里的onLaunch 再执行页面Page里的onLoad: 问题: 在onLaunch里请求去获取是否有权限，等待返回值的时候, Page里的onLoad事件就已经执行. 小程序网络请求默认为异步请求，在appjs的onLaunch运行后进行异步请求时，程序不会停止，Page页已执行onload, 我们希望onLaunch执行完后再执行onload。目标: onL...

微信小程序生命周期执行app.onLaunch与page.onLoad异步问题

qq_48612020的博客

01-22

1862

微信小程序使用 less、sass。

UniApp 微信小程序：在 onLaunch 中等待异步方法执行完成后，再调用页面中的接口

morecccc的博客

04-16

3887

最近遇到了一个问题：在 App.vue 中的onLaunch中调用登录接口时，由于异步登录尚未完成就调用了 index 页面的接口，导致 token 异常。如何确保页面在App中的onLaunch执行完毕后再继续执行呢？在网上查阅了一些资料，发现大多数解决方案涉及登录状态设置、页面通过轮询或消息通知等方式等待状态，这些方法都不太理想。解决方案：要确保在App.vue中的onLaunch调用登录接口完成后再调用index的其他接口，可以使用 Promise 来控制异步操作的执行顺序。

精选资源

微信小程序onLaunch异步，首页onLoad先执行?

03-29

本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。   //app.js App({ onLaunch: ...

精选资源

微信小程序使用回调解决onLoad与onLaunch执行顺讯问题的终极分析 ...

03-29

userInfoReadyCallback 在页面中定义，在 app.js 中使用，使用场景是你需要获取完用户信息之后立即使用。如果你是在一进落地页就把用户信息存本地，然后进入个人中心页面再从本地取出来，是不需要使用这个的。附...

微信小程序onLaunch异步,首页onLoad先执行?

10-18

在微信小程序中，`onLaunch` 是 App 类的全局生命周期函数，它会在小程序初始化时被调用，通常用于进行全局的设置、初始化数据或者网络请求。而 `onLoad` 是每个页面的生命周期函数，会在页面加载时执行，用于初始化...

小程序appjs的onLaunch执行完之后再执行Page的业务逻辑

AnnaYaya的博客

09-02

2915

小程序appjs的onLaunch执行完之后再执行Page的业务逻辑

小程序onlanch和page的onload的执行顺序问题

web_sunn的博客

05-16

1342

【代码】小程序onlanch和page的onload的执行顺序问题。

微信小程序笔记——微信小程序appjs的onLaunch执行完之后再执行Page的onLoad

leo

07-02

1万+

一：前言 小程序网络请求默认为异步请求，在appjs的onLaunch运行后进行异步请求时，程序不会停止，Page页已执行onload, 我们希望onLaunch执行完后再执行onload。解决方法：定义回调函数 //app.js App({ onLaunch: function () { wx.request({ url: 'http://test.cn/lo...

onLaunch中的异步请求执行完之后再执行Page的onLoad

可可爱爱的你吖的博客

12-22

867

微信小程序app.js的onLaunch中的异步请求执行完之后再执行Page的onLoad **app.js** import { GetUserInfo } from './api/userApi'; App({ onLaunch(){ const that = this GetUserInfo().then(res =>{ that.globalData.userInfo = res || null that.globalData.isRequest = true /

微信小程序onlaunch异步，首页onLoad先执行？

嘿嘿

07-04

2033

微信小程序onlaunch异步，首页onLoad先执行？

小程序onLaunch和onLoad先后执行顺序

热门推荐

weixin_39856480的博客

04-03

2万+

本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求获取是否有权限，等待返回值的时候Page里的onLoad事件就已经执行了。解决办法：在APP里面onLanch中的网络请求中设置判断 if (this.userInfoReadyCallback) { this.userInfoRe...

小程序onload_微信小程序 appjs的onLaunch Page的onLoad 顺序问题

weixin_39765290的博客

12-04

556

一：前言小程序网络请求默认为异步请求，在appjs的onLaunch运行后进行异步请求时，程序不会停止，Page页已执行onload, 我们希望onLaunch执行完后再执行onload。解决方法：定义回调函数,代码如下：//app.jsApp({ onLaunch: function () { wx.request({ url: 'http://test.cn/login', //仅为示例，并非...

小程序：小程序中的onLoad和onShow谁先执行

分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等

12-10

6331

一般情况下，onLoad 先执行有异步的情况下，谁执行的快谁先执行所以最好不要在 onLoad 和 onShow 里写一些有相关依赖的代码。

微信小程序——JS执行顺序和作用域

CaseyWei

01-26

7274

脚本的执行顺序浏览器中，脚本严格按照加载的顺序执行，如代码2-29所示。代码清单2-29 浏览器中的脚本 &lt;html&gt; &lt;head&gt; &lt;!-- a.js console.log('a.js') --&gt; &lt;script src ="a.js"&gt;&lt;/script&gt; &lt;script&gt; c

微信小程序app.js的onLaunch中的异步请求执行完之后再执行Page的onLoad

06-09

微信小程序的 app.js 中的 onLaunch 生命周期无法直接等待异步请求执行完毕再执行 Page 的 onLoad 生命周期。但是可以通过 Promise 封装异步请求来解决这个问题。具体实现方法如下： 1. 在 app.js 中的 onLaunch 生命周期中定义一个 Promise 对象。 2. 在 Promise 对象中执行异步请求，并在请求成功时 resolve。 3. 在 Promise 对象中捕获请求失败的异常，并在异常处理中 reject。 4. 在 Page 中的 onLoad 生命周期中使用 Promise.then() 方法来等待异步请求执行成功后再执行相关逻辑。代码示例如下： ``` // app.js App({ onLaunch: function () { const promise = new Promise((resolve, reject) => { wx.request({ url: 'http://example.com/api/data', success: (res) => { // 将获取到的数据保存到全局变量中 this.globalData.data = res.data; resolve(); }, fail: (err) => { reject(err); } }) }); // 将 Promise 对象保存到全局变量中 this.globalData.promise = promise; }, globalData: { data: null, promise: null } }) // page.js Page({ onLoad: function () { // 等待 Promise 对象执行成功后执行相关逻辑 getApp().globalData.promise.then(() => { const data = getApp().globalData.data; // 使用获取到的数据执行相关逻辑 }).catch((err) => { console.error('请求数据失败：', err); }); } }) ``` 在上述代码中，我们将异步请求封装为一个 Promise 对象，并将其保存到全局变量中。在 Page 的 onLoad 生命周期中，我们通过访问全局变量中的 Promise 对象来等待异步请求执行成功后再执行相关逻辑。