微信小程序中post方法与get方法的封装
微信小程序开发post方法与get方法的封装
第一步：在utils文件夹下创建httpUtil.js文件
第二步：创建函数httpPost方法代码如下:
functionPost(url,data,cb,isShow,showNetError,that,showLoading){
if(showLoading==true||showLoading==undefined){
wx.showNavigationBarLoading();
wx.showLoading({
title:'加载中...',
})
}
varbasicData={
vloginPwd:api.vloginPwd,
vtoken:api.vtoken
}
if(!isEmpty(data)){
for(varkeyindata){
try{
basicData[key]=data[key];
}catch(e){}
}
}
wx.request({
url:url,
header:{'content-type':'application/x-www-form-urlencoded'},
method:'POST',
data:basicData,
success:(res)=>{
if(res.data.state==200){
typeofcb=="function"&&cb(res.data,"");
}else{
if(isShow==true){
wx.showModal({
title:'提示',
content:res.data.msg,
showCancel:false
})
}
}
},
fail:(err)=>{
if(showNetError){
that.setData({
errorDisplay:'',
containHidden:true
})
}
},
complete:(res)=>{
setTimeout(function(){
wx.hideNavigationBarLoading();
wx.hideLoading();
},100)
}
});
};
第三步，在module里添加：
module.exports={
httpGet:Get,
httpPost:Post
};
第四步，引入
varhttpUtil=require('../../utils/HttpHelper.js')
第五步，如何使用
onload:function(option){
varthat=this;
httpUtil.httpPost(api.getListUrl,jsonData,function(res){
wx.showModal({
title:'提示',
content:res.msg,
showCancel:false,
confirmText:"查看",
success:function(res){
console.log("res.data===",res.data);
if(res.confirm){
that.toDetail(res.data);
}
}
})
},true,true,this);
}
如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望通过本文能帮助到大家，谢谢大家对本站的支持！