微信小程序踩坑系列——从wx.request谈谈异步处理

最新推荐文章于 2024-08-05 11:51:15 发布

weixin_34364071

最新推荐文章于 2024-08-05 11:51:15 发布

阅读量7.3k

点赞数 11

文章标签： json 网络

原文链接：https://juejin.im/post/5bac8e866fb9a05cf23001fe

版权

本文探讨了微信小程序中遇到的异步请求问题，特别是wx.request的回调地狱。通过引入Promise，作者展示了如何包装wx.request以简化异步逻辑，提高代码可读性和优雅性。

摘要由CSDN通过智能技术生成

原文链接：www.xksblog.top/talk-about-…

见到wx.request的第一眼，就让我想起了$.ajax这东西，使用起来确实有很多不方便，不能忍，幸好小程序是支持ES6语法的，所以可以使用promise稍加改造。

先来说说wx.request为什么不能忍。

铺垫：“看得见却抓不住“的异步请求

Page({
  data: {
    myData: ''
  },
  // loadMyData函数用于打印myData的值
  loadMyData () {
    console.log('获取到的数据为：' + this.data.myData)
  },
  // 生命周期函数onload用于监听页面加载
  onload: function () {
    wx.request({
      url: 'https://api',  // 某个api接口地址
      success: res => {
        console.log(res.data)
        this