微信分享接口,微信小程序接口请求封装分享~~-即速应用

微信分享接口,微信小程序接口请求封装分享~~

浏览量：984 时间：2019-12-09 来源：改不了坏习惯的夜猫子

使用原生小程序方法时候，我们经常会需要封装请求wx.request，下面分享一下我的一些方法首先我们在util文件夹下面新建一个叫request的文件；以下是request文件下面的内容
letdevBaseUrl='https:/abc.com'letprdBaseUrl='https://prdabc.com'varBaseUrl=devBaseUrl;首先基础域名使用变量定义使用一个对象来统一管理接口方法
constallPorts={queryBanner:'/banner/getBannerList',//获取banner列表queryBannerDetail:'/banner/getBannerDetailById'//获取banner详情//等等一系列方法都统一管理}然后开始封装get和post方法下的函数
/请求封装GET/functionhandleRequest(url,params,type,successFunction,failFunction){wx.showLoading({title:'加载中'})wx.request({url:BaseUrl+url,data:params,method:type,header:{'content-type':'application/json'},success:function(res){wx.hideLoading()if(typeofsuccessFunction=="function"){successFunction(res);}},fail:function(res){wx.hideLoading()if(typeoffailFunction=="function"){failFunction(res);}}})}module.exports={handleRequest:handleRequest,allPorts:allPorts}当然根据请求的一些变化或者方式，也可以在此处写入多个请求方法并导出在页面使用时候代码如下
import{handleRequest,allPorts}from'../../../utils/util.js'handleRequest(allPorts.queryBanner,{params:123},'post',function(res){if(res.data.code==200){console.log('success')}else{console.log('error')}},function(res){console.log(res)})以上是比较基础的一个小程序请求封装方式我们还可以在对封装进行一定的优化，将函数的参数整合一下，直接传一个对象进去_

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。