微信小程序 如何等待onLaunch拿到后端数据后，再执行onLoad

最新推荐文章于 2024-08-22 16:54:35 发布
最新推荐文章于 2024-08-22 16:54:35 发布
阅读量8.7k 收藏 17
点赞数 5
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/junzi528/article/details/112971264
版权
本文介绍了在微信小程序中遇到的问题：如何确保在onLaunch完成后端接口请求并保存token到storage后，再执行onLoad，并携带token调用其他接口。解决方案是利用回调函数，确保在index.js的onLoad调用getList方法前，token已经正确设置。
摘要由CSDN通过智能技术生成

 

关键词： onLaunch onLoad 异步请求问题

 

问题：

在小程序启动时，我希望在app.js 的onLaunch生命周期里，调用后端接口，获取登陆状态token。

然后再加载首页，进入index.js时，携带此token，调用其它接口获取数据。

也就是说我希望的执行顺序是：

  1. 进入app.js 中 onLaunch

    1. ajax获取token完成，保存在storage里

  3. 进入index.js 中 onLoad

    1. 从storage里获取到token

    2. 携带token调用其它接口

 

但实际上的顺序却是：

  1. 进入app.js 中 onLaunch

    1. ajax获取token，发起请求开始...

  3. 进入index.js 中 onLoad

    1. 尝试从storage里获取token，但请求还没结束，token为空

    2. 携带token调用其它接口：失败，因为没有token

    3. ajax获取token结束，保存在storage里（此时才获取到token，为时已晚）

 

解决方法是用回调，代码如下

 

app.j

最低0.47元/天 解锁文章
60岁老猿
关注
微信小程序实现微信APP上的扫一扫扫码跳到小程序对应的结果页面和签字等功能
qq_37635012的博客
02-20 3445
最近做了一个小程序项目，这个小程序是搭配APP端使用的，大概需求是这样的，用户用微信的扫一扫或小程序首页的扫一扫都可以实现对APP上的二维码进行扫码识别，识别成功之后跳到页面进行渲染，然后用户可以对其签字和编辑提交等。当用户扫码成功后会跳到一个临时页面temporary.wxml，这个页面作为一个中转页面，主要是为了当用户从微信的扫一扫进来时也是先进这个中转页面再到结果页面，相当于从微信的扫一扫进来时不用到小程序的扫一扫里再授权什么的。
【微信小程序高频面试题——精选一】
ytfty24124的博客
11-28 7568
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可以发布到IOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。
微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序
wocwin的博客
03-04 2015
微信小程序app.js的onLaunch执行完之后再执行Page的onLoad & 小程序onLaunch和onLoad执行顺序
微信小程序里解决app.js onLaunch事件与小程序页面的onLoad加载前后异常问题
bangshuangtun2328的博客
02-26 2726
使用Promise 解决小程序页面因为需要app.js onLaunch 参数导致的请求失败 app.jsonLaunch 的代码 1 "use strict"; 2 Object.defineProperty(exports, "__esModule", { 3 value: true 4 }); 5 const http = require...
微信小程序
最新发布
fwaefewfwe的博客
08-22 531
小程序视图层用于展示页面，一个页面为一个webview，逻辑层单独为一个webview，所有的逻辑都在这一个webview中，因此小程序至少有2个webview。逻辑层将数据变化通知给视图层，触发视图层更新，视图层把触发的事件通知给逻辑层进行处理。为了用户体验，小程序规定一个文件大小不能超过2M，打开页面层级不能超过10层。和浏览器的单线程不同，小程序是双线程运行，一个渲染线程，一个逻辑处理线程；默认返回上一层级，navigationBack(k)，返回k层；3）图片尽量不要存到本地，而是通过cdn获取；
微信小程序：首页需要等待onLaunch中某请求执行完成
笙
01-09 4523
小程序开发中有时候会遇到下面这样的情况： 小程序打开时，我们需要触发登陆，获取用户的基本信息，然后在首页中立即使用，但是会发现在app.js的onLaunch中请求发出去了，首页在onLoad中却没有拿到数据？ 还有一个场景，比如，你希望用户在打开小程序的时候，就会自动定位，无论用户进入小程序先看到的是哪个页面，那么，定位函数势必需要在onLaunch中触发，但是呢，定位异步请求需要时间，你首...
微信小程序 onLaunch request=>success 再执行page onload
zjy660358的专栏
09-06 2891
onLaunch: function () { console.info("onlaunch"); var that = this; // 登录 wx.login({ success: res => { wx.request({ url: 'test', success: function ...
微信小程序如何实现在登录完成后才触发业务逻辑
Msgyvcici
09-06 2951
在小程序中，登录需要通过按钮才能触发了，那么在登录完成前（授权登录后逻辑登录），是不应该触发涉及用户的逻辑代码的，比如说没登录的情况下，用户中心页面应该不触发请求的。解决方案可以自己封装底部导航栏，没有登录即不显示其他页面；也可以在进入页面的时候先判断是登录，登录了再触发逻辑。相比于第二种，第一种麻烦很多，所以这里介绍第二种，登录后在触发逻辑。思路如下：在...
微信小程序app.js的onLaunch中的异步请求执行完之后再执行Page的onLoad
qq_43693115的博客
08-23 2935
这里执行的流程是当微信小程序运行时，首先进入到了onLaunch进行执行，因为onLaunch里面有request是异步请求，所以压力来到了index.js的onload里面，在onload里去判断app.js里的数据状态是什么样的，是true就拿request里的数据，如果没有就对app,js的app对象进行添加一个回调函数属性，在这个回调函数属性里需要传入一个true就能操作index.js的page对象里的data,给onlaunch里请求的值赋值给index.js的page对象里的data。
微信小程序：通过回调解决先执行onLaunch后执行onload的问题
weixin_51375107的博客
08-11 2110
文章目录promise(不行)回调(可以解决) 背景：刚打开小程序的时候会小程序会执行onLaunch方法，执行完之后执行onload方法，但是当我们在onLaunch方法里执行异步操作，例如调用wx.login、使用request调用后台接口，就不能保证onLaunch方法中所有调用方法执行完成后执行onload。当我们在onload方法中需要onLaunch方法中获取的某些数据时，会导致数据获取不到。 promise(不行) 我一开始想的使用promise解决异步问题，但是不行，promise只能保
微信小程序 高频面试题合集
蜗牛的博客
11-25 874
微信小程序面试题合集 ❗ ❗ ❗ ❗ ❗
微信小程序api语法及代码实例（入门到精通）
Debug的博客
09-08 3561
小程序Api App 全局入口，整个小程序项目中，只允许有一个App入口函数。 全局数据 globalData:写在全局的js里 使用this.globalData.data 私有的生命周期【全局的生命周期】 onLaunch:初始化函数 onShow:启动或切换前台 onHide:小程序后台运行 Page 私有的生命周期【页面的生命周期】 onLoad:页面加载 onShow:页面显示 onHide:页面隐藏 onReady:页面初始化渲染完成 onUn
微信小程序笔记——微信小程序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...
UniApp 微信小程序：在 onLaunch 中等待异步方法执行完成后，再调用页面中的接口
morecccc的博客
04-16 2338
最近遇到了一个问题：在 App.vue 中的onLaunch中调用登录接口时，由于异步登录尚未完成就调用了 index 页面的接口，导致 token 异常。如何确保页面在App中的onLaunch执行完毕后再继续执行呢？在网上查阅了一些资料，发现大多数解决方案涉及登录状态设置、页面通过轮询或消息通知等方式等待状态，这些方法都不太理想。解决方案：要确保在App.vue中的onLaunch调用登录接口完成后再调用index的其他接口，可以使用 Promise 来控制异步操作的执行顺序。
微信小程序onlaunch异步，首页onLoad先执行？
嘿嘿
07-04 1842
微信小程序onlaunch异步，首页onLoad先执行？
微信小程序 app.js中onLaunch中方法执行完毕后再执行index首页数据请求
xiaomai4343的博客
06-04 4014
//通用方法 const utils = require('/utils/util.js'); const log = require('./log.js'); App({ globalData: { token: null, //全局存储token数据使用 openid: null,//全局存储openid islogin:false,//默认未登录，登录后修改状态 nickName:null,//昵称 avatarUrl:null//头像地址 ...
小程序云函数解决异步调用的问题(如何等待异步调用完成再执行)
qq_36722262的博客
05-10 4459
小程序的数据库操作是异步的。云函数中执行数据库操作往往在数据库操作还未执行完成就返回了，对于数据库的执行状态判断十分不足。如下面这种情况： 我的目的是为了判断用户是否注册登录的。写在云函数中是为了方便获取openid // 云函数入口文件 const cloud = require('wx-server-sdk'); // 初始化 cloud cloud.init({ // API 调用都保持和云函数当前所在环境一致 env: cloud.DYNAMIC_CURRENT_ENV }) const
微信小程序wx.login先执行onLaunch与onLoad加载顺序问题
倚楼听风雨
04-19 4705
文章目录遇到问题请求api返回需要先登录，实际上登录已成功问题分析解决问题自定义回调函数app.jsindex.js扩展提问学习交流随机数字随机幸运数+My Blog技术交流 遇到问题 请求api返回需要先登录，实际上登录已成功 想必大家在开发小程序的时候，肯定遇到了页面请求数据加载接口先执行，wx.login()登录接口后执行，导致请求接口返回请先登录，实际上登录确实成功的异常情况！ 问题分析 在微信小程序中，由于app.js中的onLaunch和其他页面中js的onLoad属于异步执行。 有时onLau
微信小程序通过promise实现app.js方法执行完成后再执行page页面方法
九月镇领将的博客
01-20 4129
场景 由于微信小程序是异步加载的，所以基本上app.js的方法加载还没结束就page的方法就已经执行了 实现 使用promise实现回调函数 app.js resolve用来回调请求成功的数据, reject用来回调请求错误的数据 checkDepositCompleteed(event) { // 检查基金模块用户是否已填写底金 return new Promise((resolve, reject) => { const that = this deposi
如何等待 onLaunch 拿到后端数据后，再执行页面 onLoad
06-09
在小程序的 onLaunch 生命周期中，可以通过调用异步函数等待后端数据的返回。当后端数据返回后，可以将数据保存在小程序全局数据 getApp().globalData 中。在页面的 onLoad 生命周期中，可以通过访问 getApp().globalData 中的数据来使用后端数据。 具体的实现方法如下： 1. 在 app.js 中的 onLaunch 生命周期中，调用异步函数获取后端数据。 2. 在异步函数中，等待后端数据返回并保存在 getApp().globalData 中。 3. 在异步函数中，调用 wx.reLaunch 重新打开小程序主页。 4. 在小程序主页的 onLoad 生命周期中，访问 getApp().globalData 中的数据来使用后端数据。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值