微信小程序中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); }
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望通过本文能帮助到大家,谢谢大家对本站的支持!