首页 > 微信 > 详细

微信小程序封装请求

时间:2020-12-25 14:53:49      阅读:26      评论:0      收藏:0      [点我收藏+]

一.promise

1.新建一个js用来封装请求

技术分享图片

export const request = (params)=>{
  return new Promise((resolve,reject)=>{
    wx.request({
      ...params,
      success:(result)=>{
        resolve(result);
      },
      fail:(err)=>{
        reject(err)
      }
    })
  })
}

2.页面调用

技术分享图片

3.简化:(把路径封装一下)
技术分享图片

 技术分享图片

 二.除了url,还有接口规定的其他参数的请求的用法

技术分享图片

 三.在请求里面封装加载框

技术分享图片

 四.关于async await的解释

1.在小程序的开发工具中,勾选es6转es5语法

2.下载facebook的regenerator库中的regenerator/packages/regenerator-runtime/runtimejs
3.在小程序目录下新建文件夹lib/runtime/runtime. js.将代码拷贝进去
技术分享图片

 

 4.在每一个需要使用async语法的页面js文件中都引入(不能全局引入)引入就可以了 不需要去使用)

import regeneratorRuntime from ../../lib/runtime/runtime

5.使用方法(好像可以不执行前面1234步骤也可以使用async,反正我的可以,不晓得是不是版本问题)

技术分享图片

技术分享图片

 

 注意:小程序有些低版本的手机可能不适合async 所以不适合的时候就用上面第5点的promise的请求

 

微信小程序封装请求

原文:https://www.cnblogs.com/zhangying0518/p/14188235.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!