微信小程序page.onLoad的request执行顺序错误

最新推荐文章于 2024-02-17 17:00:49 发布
最新推荐文章于 2024-02-17 17:00:49 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序多个request执行顺序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41554955/article/details/98845394
版权

1.问题:

我的代码里面onload:function有两个request,请求得到返回的数据,执行顺序却犯了,所以我想让他们执行顺序正确

2.错误结果如下:

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
而运行结果却是:
在这里插入图片描述

3:正确顺序方法:在第一个函数success里面直接跳转第二个函数获取第二个data

修改后:
在这里插入图片描述
在get_baidu_wea()的函数中的sucess函数中直接跳另一个函数:
在这里插入图片描述
执行最后的结果就是正确的:
在这里插入图片描述

Seirohappy
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序笔记——微信小程序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...
微信小程序代码-微信中的知乎--微信小程序demo.zip
04-22
这个"微信小程序代码-微信中的知乎--微信小程序demo.zip"压缩包提供了一个模仿知乎界面的微信小程序示例，帮助开发者理解和学习如何构建类似的应用。 1. **小程序模板代码**：在开发微信小程序时，模板代码可以作为...
小程序JS页面函数的执行顺序
xulong5000的专栏
07-15 3225
不管是微信小程序 还是支付宝小程序，都有对应的js页面，并且js里面的生命周期都是大致相同，执行函数 都有如下： 在page页面中定义的生命周期方法 onLoad 生命周期函数--监听页面加载 onReady 生命周期函数--监听页面初次渲染完成 onShow 生命周期函数--监听页面显示 onHide 生命周期函数--监听页面隐藏 onUnload 生命周期函数--监听页面卸载 ...
【mpvue】微信小程序调用switchTab重定向到页面，不会自动刷新，调用page.onLoad()方法没有效果
腾讯云云开发布道师，慕课网合作讲师
03-08 4600
success: function (res) { if (res.cancel) { wx.switchTab({ url: '/pages/index/main', success: function (e) { var page = getCurrentPages().pop() console.log('page',pa...
Page_Load方法后执行原因分析
睫晋姬的专栏
12-01 602
加载对应Load事件和OnLoad方法，对于这个事件，相信大多数朋友都会比较熟悉，用VS.Net生成的页面中的Page_Load方法就是响应Load事件的方法，对于每一次请求，Load事件都会触发，Page_Load方法也就会执行，相信这也是大多数人了解ASP.Net的第一步。Page_Load方法响应了Load事件，这个事件是在System.Web.WebControl.Control类中定
【钉钉小程序】解决app.js onLaunch异步请求，在请求未执行完就进入page onLoad 的问题
aDiaoYa_的博客
04-07 1348
小程序的执行顺序是先执行，通过获取免登授权码，然后通过和code获取userid，根据userid获取token。这整个过程都是异步的，那么我们在里面需要携带token请求数据时，里的异步请求还没有拿到token，但是此时在还未拿到数据的情况下就已经展示出来了。
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
10-17
在微信小程序的开发过程中，与服务器的交互是必不可少的，其中`wx.request`是关键的网络请求接口。本文将深入探讨如何使用`wx.request`来请求服务器上的JSON数据，并将其渲染到微信小程序的WXML页面。 首先，`wx....
饿了吗微信小程序源码.zip
07-13
5. **生命周期函数**：微信小程序提供了丰富的生命周期函数，如 `onLoad()`、`onShow()`、`onHide()` 等，用于在小程序或页面的不同状态时执行特定操作。 6. **组件化开发**：微信小程序支持组件化开发，开发者可以...
蜜雪冰城微信小程序源码.zip
07-08
【蜜雪冰城微信小程序源码.zip】是一个包含微信小程序开发源代码的压缩包，主要用于构建类似蜜雪冰城这样的饮品连锁品牌的小程序应用。微信小程序是一种轻量级的应用形态，用户无需下载安装即可在微信内使用，为商家...
一个音乐播放器的微信小程序源码.zip
07-08
【微信小程序音乐播放器开发详解】 微信小程序是一种轻量级的应用开发平台，它允许开发者在无需安装的情况下，为用户提供便捷的服务。在这个名为“HYmusic-master”的压缩包中，包含了一个完整的音乐播放器微信小...
vant-list上拉加载onload事件触发多次
weixin_45121510的博客
10-14 1万+
场景：3个tab页签切换时，调用不同接口，在某一个tab只要翻页到>=2的情况，当它再点击到另一个tab的时候，另外一个tab就会连续调用两次查询接口
微信小程序开发学习笔记——3.2page内的onload及data差值表达式
最新发布
Qy_cm的博客
02-17 542
>跟着b站up主“咸虾米_”学习中，把学习记录存到这方便后续查找。
OnLoad和Page_Load的区别
天下有雪的专栏
08-07 3911
Page对象有一Load事件，应该是如下定义：             protected   event   EventHandler   Load;     此事件继承到页面         OnLoad是Page的一个方法，应该是如下定义：             protected   virtual   void   OnLoad(EventArgs   e)     此方法唤起Load
uniapp onLaunch和onLoad执行顺序，页面返回会出现问题，一直加载中
qq_42440919的博客
03-27 3746
App.vue什么时候执行，第一次进入该系统执行，如果是该系统自己页面返回自己页面，不会重新进入app.vue，但是page.vue会触发onLoad（安卓手机）。所以就会出现一个问题，就是返回的时候，page.vue中触发了onload，但不进去app.vue，await this.$onLaunched就会一直等待。首先，安卓手机，页面返回（自己系统页面返回自己系统页面），不会进去app.vue，但是会触发页面page.vue的onload。page.vue具体页面里面。
总结一下Page_Load和OnLoad
weixin_34040079的博客
04-14 411
    首先Page_Load是一个方法，OnLoad也是一个方法。 OnLoad是Page类继承自System.Web.UI.TemplateControl，而System.Web.UI.TemplateControl又继承自System.Web.UI.Control。所以严格说来OnLoad是属于System.Web.UI.Control的一个方法。 同样Page也有一个Load事件也...
php 加载慢,解决php加载慢的一个办法_PHP教程
weixin_35338620的博客
03-09 416
这几天在测试我们目前的php框架时发现，框架层加载php文件的时间很长，最终发现是因为各种require_once导致整个加载时间变长，如果不使用eaccelerator的情况下，在虚拟机上测试可能会到50-60ms，使用了ea之后，可以降到10-20ms，但是这个消耗还是比较大的，有什么办法可以解决吗？正好这两天看到hiphop的文章，所以决定使用它来试一下，最终发现代价太大了，修改一个文件要把...
页面加载时间过长的解决
Shuttle的技术博客
11-12 8328
有时候会遇到这样的问题： 页面加载时间很长，需要一个友好界面来load这段空白时间， 而页面未加载的时候，页面里面的表单元素都是不存在的， 那前台写的初始化的js肯定是用不了了， 怎么办？ 到网上搜了一下，找到了解决办法， 既然前台没有，那我们就给它画一个，然后用js控制就可以了 Response.Write("");        Resp
微信小程序真机调试和开发工具调试问题解决
热门推荐
weixin_46553041的博客
02-24 1万+
方法一：不要扫描预览二维码，用真机调试同时在电脑上操作； 原因：有的数据需要调用onload()函数才能刷新出来，如果用预览的方式是不会调用onload（）函数的；而编译的时候onload（）会被调用；因此可能出现onload()在开发者工具中被调用而渲染出数据，但是在预览的时候并没有调用onload()的情况； 方法二：把需要加载数据的函数在onload() 里面调用一遍； ...
微信小程序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 对象来等待异步请求执行成功后再执行相关逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值