微信小程序异步请求数据 parmise方法

简介: 微信小程序异步请求数据 parmise方法

在小程序中可以直接使用promise,我们需要做的就是在A函数中返回一个promise,在返回的promise中再进行获取数据的操作,把成功获取到的数据传入resolve中,把失败的结果传入reject,然后在B函数中调用A函数,调用后再使用.then 和 .catch 分别对成功和失败的结果进行处理

 

data: {
    brandimg: ''  // 设置一个空变量,在请求数据后将请求结果赋值给该变量
  },
  getImgUrl() {
    return new Promise((resolve, reject) => {
      wx.request({
        url: 'http://daxun.kuboy.top/api/pro',
        success: res => {
          this.setData({
            brandimg: res.data.data[0].brandimg // 将获取到的数据赋值给data中的变量
          })
          resolve(res)
          console.log("A方法请求到的数据", this.data.brandimg)  // 在此将赋值的结果输出
        },
        fail: res => {
          reject(res)
        }
      })
    })
  },
  useImage() {
    this.getImgUrl().then(res => {
      console.log("B方法中得到的数据",res)
    }).catch(res =>{
      console.log(res)
    }) 
  },
  onLoad: function () {
    this.useImage()   
  },
目录
打赏
0
0
0
0
0
分享
相关文章
微信小程序 网络请求封装
微信小程序 网络请求封装
422 0
微信小程序(二十八)微信小程序封装request请求
const utils = require("../utils/util.js"); var app = getApp(); // 请求方式(定义完了又好像觉得没啥用,放着吧) const GET = "GET"; const POST = "POST"; const PUT = "PUT"; const FORM = "FORM"; const DELETE = "DELETE"; // 系统域名 const baseURL = "https://www.mools.net"; /** * @name: 用户请求方法,使用promise实现 * @author: came
162 0
【愚公系列】2022年02月 微信小程序-Request网络请求的封装
【愚公系列】2022年02月 微信小程序-Request网络请求的封装
172 0
【愚公系列】2022年02月 微信小程序-Request网络请求的封装
你是怎么封装微信小程序的数据请求的?
你是怎么封装微信小程序的数据请求的?
171 0
|
10月前
|
uniapp、微信小程序返回上页面刷新数据
uniapp、微信小程序返回上页面刷新数据
411 0
微信小程序中使用Promise进行异步流程处理
【更新说明】 由于微信开发者工具和微信真机环境的不断升级,小程序中要使用Promise的话,已经不需要像文中描述的再引入第三方库如bluebird或es6-promise了,可直接使用。
1781 0
微信小程序 之 网络请求、数据解析、页面渲染、动态参数
微信小程序 之 网络请求、数据解析、页面渲染、动态参数
894 0
微信小程序 之 网络请求、数据解析、页面渲染、动态参数

热门文章

最新文章