使用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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。