微信小程序中封装网络请求方法

小程序api提供了很多方法,可以把loading状态统一封装到网络请求方法中

//使用promise封装一个 请求
export function request(params){


// 在请求 数据回来之前 显示一个加载中

wx.showLoading({
title: '加载中',
// mask:true 蒙版效果
})

//定义公共部分 url
const baseUrl = "https://localhost:3002"
//将传过来的参数结构出来
return new Promise((resolve,reject)=>{
// 发起请求
wx.request({
...params,
url:baseUrl + params.url,
success:(res)=>{
//成功的回调
resolve(res)
},
fail:(err)=>{
//失败的回调
reject(err)
},
complete:()=>{
//当请求完成时,就关闭 加载中 弹框
wx.hideLoading()
}
});
});
}

posted @ 2020-08-01 13:53  岱宗如何  阅读(621)  评论(0编辑  收藏  举报