封装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()
          }
        }
      })
  })
}
相关推荐
liangshanbo12157 分钟前
写好 React useEffect 的终极指南
前端·javascript·react.js
earthzhang202137 分钟前
第3讲:Go垃圾回收机制与性能优化
开发语言·jvm·数据结构·后端·性能优化·golang
纵有疾風起2 小时前
C++——类和对象(3)
开发语言·c++·经验分享·开源
Full Stack Developme2 小时前
java.text 包详解
java·开发语言·python
文火冰糖的硅基工坊2 小时前
[嵌入式系统-135]:主流AIOT智能体开发板
开发语言·嵌入式·cpu
哆啦A梦15882 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_3 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
SevgiliD3 小时前
el-table中控制单列内容多行超出省略及tooltip
javascript·vue.js·elementui
yudiandian20143 小时前
02 Oracle JDK 下载及配置(解压缩版)
java·开发语言
要加油哦~3 小时前
JS | 知识点总结 - 原型链
开发语言·javascript·原型模式