封装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()
          }
        }
      })
  })
}
相关推荐
juejin_cn1 分钟前
[转][译] 从零开始构建 OpenClaw — 第五部分(对话压缩)
javascript
leolee1820 分钟前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli22 分钟前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒31 分钟前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端
IT_陈寒32 分钟前
Java开发必知的5个性能优化黑科技,提升50%效率不是梦!
前端·人工智能·后端
LDX前端校草1 小时前
前端开发规则配置
前端
代码老中医1 小时前
2026前端工程化新范式:如何用AI驱动你的设计系统?
前端
用户11481867894841 小时前
Vite项目中的SVG雪碧图
前端·面试
这个实现不了1 小时前
vue写一些进度条样式1
前端
小蜜蜂dry1 小时前
可视化大屏适配方案之- px-To-viewport
前端