uniapp封装接口

1.第一个封装函数,
先在根目录下创建一个api.js,先后在min.js中引入api.js
uniapp封装接口_第1张图片

2.在api.js中
uniapp封装接口_第2张图片

uniapp封装接口_第3张图片
uniapp封装接口_第4张图片
3.放我写的,可复制
unirequest: function(url, met, datas, sfun, showloading) {
var headers = {
“Content-Type”: “application/x-www-form-urlencoded; charset=UTF-8”,
}
if (!showloading) {
uni.showLoading({
title: ‘请稍后…’
});
}
uni.request({
url: url,
method: met,
data: datas,
header: headers,
dataType: ‘json’,
responseType: ‘text’,
success: function(res) {
let datas = res.data;
if (datas.code === -1) {
publicFunction.toast(‘您尚未登录;前去登录!’);
setTimeout(() => {
publicFunction.navigate(’/pages/start/login’);
}, 2000)
} else {
sfun(datas)
}
uni.hideLoading();
},
fail: function(err) {
if (!showloading) {
uni.hideLoading();
}
uni.showModal({
title: ‘提示’,
content: ‘系统错误’,
showCancel: false
})
},
complete: function() {
if (!showloading) {
uni.hideLoading();
}
}
})
}

4.使用
uniapp封装接口_第5张图片
在methods中写事件使用
getcode(){
let that = this
let params = {
phone:that.phone,
type:1,
}
that.apifun.unirequest(that.apifun.send_code,‘post’,params,(res)=>{
if(res.code === 1){
console.log(res)
}else{
that.apifun.toast(res.msg)
}
})
},

5.这样使用很方便

你可能感兴趣的:(uniapp,uni-app,封装)