封装promise请求方式

前言

Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。封装promise方式请求数据,防止当请求过多时出现回调地狱。

1.构造promise方法

代码如下(示例):

复制代码
new Promise(function (resolve, reject) {
    // 要做的事情...
});

2.封装微信小程序promise方法

复制代码
export const request=(params)=>{
    wx.showLoading({
      title: '正在加载...',
      mask:true
    });
  //公共url
  const baseUrl = "请求接口URL";
  return new Promise((resolve,reject)=>{
      wx.request({
        ...params,
        url:baseUrl+params.url,
        method:"get"||"post",
        data:{},
        success:(res)=>{
          if(res.data.code == 200){
            resolve(res)
          }
          else{
            resolve(res)
          }
        },
        fail:(err)=>{
          reject(err);
        },
        complete:()=>{
          ajaxTimes--;
          if(ajaxTimes===0){
            wx.hideLoading()
          }
        }
      })
  })
}
相关推荐
小冯的编程学习之路2 分钟前
【C++】: C++基于微服务的即时通讯系统(1)
开发语言·c++·微服务
CDwenhuohuo11 分钟前
微信小程序里用 setData() 修改数据并打印输出 的几种写法
javascript·微信小程序·小程序
不说别的就是很菜1 小时前
【前端面试】HTML篇
前端·html
穿西装的水獭1 小时前
python将Excel数据写进图片中
开发语言·python·excel
前端一小卒1 小时前
生产环境Sourcemap策略:从苹果事故看前端构建安全架构设计
前端·javascript
老友@1 小时前
Java Excel 导出:EasyExcel 使用详解
java·开发语言·excel·easyexcel·excel导出
im_AMBER1 小时前
React 18
前端·javascript·笔记·学习·react.js·前端框架
老前端的功夫1 小时前
Vue2中key的深度解析:Diff算法的性能优化之道
前端·javascript·vue.js·算法·性能优化
tryCbest2 小时前
Python基础之爬虫技术(一)
开发语言·爬虫·python
hixiong1232 小时前
C# OpenCVSharp实现Hand Pose Estimation Mediapipe
开发语言·opencv·ai·c#·手势识别