小程序wx.request请求封装

最新推荐文章于 2025-06-23 17:27:52 发布

原创最新推荐文章于 2025-06-23 17:27:52 发布 · 4.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #接口封装

小程序专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Promise实现的小程序网络请求封装方法。通过定义request函数并利用wx.request进行POST请求，实现了请求的成功、失败及完成状态处理。同时，还展示了如何通过模块导出的方式提供登录接口的调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于小程序的请求封装，我们使用promise可以更加方便快捷的实现。

service.js
function request(url,data){
      return new Promise(function(reslove,reject){
         //网络请求
         wx.request({
           url: url,
           data: data,
           method: 'POST', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
           header: {
               'Content-Type': 'application/x-www-form-urlencoded'
           }, // 设置请求的 header
           success: function(res){
             // success网络请求成功
             if(res.statusCode!=200){
                 reject({error:'服务器忙，请稍后重试',code:500});
                 return;
             }
             resolve(res.data.data);
           },
           fail: function(res) {
             // fail调用接口失败
             reject({error:'网络错误',code:0});
           },
           complete: function(res) {
             // complete
           }
         })
      })
   }

   //接口调用
   module.expors={
       //登录
       login:function(mobile,password){
           return requset(url,{mobile:mobile,password:password});
       }
   }