使用Promise封装小程序wx.request的实现方法
因为业务需要,每个http请求都要加上一个请求头,所以每次都要写很多重复的代码。
现在尝试把wx.request简单的封装了一下,调用一个request方法,每次请求自动携带header头信息,这样就省事多了,包含了常见的getpostputdelete四种请求方法,支持Promise方式调用。
封装代码
classrequest{ constructor(){ this._baseUrl='https://xxx.com/api'; this._token=wx.getStorageSync('token'); this._header={'Authorization':'Bearer'+token} } /** *GET类型的网络请求 */ getRequest(url,data,header=this._header){ returnthis.requestAll(url,data,header,'GET') } /** *DELETE类型的网络请求 */ deleteRequest(url,data,header=this._header){ returnthis.requestAll(url,data,header,'DELETE') } /** *PUT类型的网络请求 */ putRequest(url,data,header=this._header){ returnthis.requestAll(url,data,header,'PUT') } /** *POST类型的网络请求 */ postRequest(url,data,header=this._header){ returnthis.requestAll(url,data,header,'POST') } /** *网络请求 */ requestAll(url,data,header,method){ returnnewPromise((resolve,reject)=>{ wx.request({ url:this._baseUrl+url, data:data, header:header, method:method, success:(res=>{ if(res.statusCode===200){ //200:服务端业务处理正常结束 resolve(res) }else{ //其它错误,提示用户错误信息 reject(res) } }), fail:(res=>{ reject(res) }) }) }) } } exportdefaultrequest
使用方法
在app.js中引入:
importrequestfrom'./request.js' App({ myRequest(){ returnnewrequest(); } })
然后在要使用的页面里引入使用即可:
constapp=getApp();//新建页面时默认引入 constajax=app.myRequest();//初始化一个的request()实例 Page({ data:{}, onLoad(){ this.getData(); }, getData(){ ajax.getRequest('/getList',{id:1024}).then((res)=>{ console.log(res); }).catch((err)=>{ console.log(err); }) } })
使用方法也是异常简单
- 比如Get请求就是:ajax.getRequest(url:String,data:Object);
- 比如Post请求就是:ajax.postRequest(url:String,data:Object);
- ...
参考:
封装wx.request
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。