微信小程序封装请求并引用promise

微信小程序Promise封装实践

最新推荐文章于 2023-06-20 17:25:28 发布

原创最新推荐文章于 2023-06-20 17:25:28 发布 · 869 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序请求封装 #小程序请求用promise

学习随记专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种在微信小程序中使用Promise封装网络请求的方法，通过自定义ajax函数简化了数据获取流程，增强了代码的可读性和维护性。

微信小程序封装请求并引用promise

//向服务器请求数据
function ajax(option){
  wx.showLoading({
    title: '加载中',
    mask: true
  })
  const url = `${option.url}`;
  console.log(`请求地址:${url}`);
  console.log('请求参数:' + JSON.stringify(option.param));
  return new Promise((resolve, reject) => {
    wx.request({
      url: url,
      data: option.param,
      header: { 'content-type': option.contentType || 'application/x-www-form-urlencoded' },
      method: option.method || "POST",
      success: function (res) {
        console.log('返回结果:' + JSON.stringify(res));
        resolve(res);
      },
      fail: function (error) {
        reject(error);
      },
	  complete:function(){
		wx.hideLoading();
	  }
    })
  })
}

module.exports = ajax

然后在需要的页面直接 var ajax = import require(’…/…/utils/fetch.js’);

ajax({
  	url:'', //请求地址
  	param:''   //  要传入的参数
}).then(function(){

})