uniapp请求方法封装
【摘要】 uniapp请求方法封装
uniapp请求方法封装
// 请求接口
const commoneUrl = "http://xxxxxxxxxx.com/";
// new 域名
//get请求封装
function getRequest(url, data) {
var promise = new Promise((resolve, reject) => {
var postData = data;
uni.request({
url: commoneUrl + url,
data: postData,
method: "GET",
dataType: 'json',
header: {
'content-type': 'application/json'
},
success: function(res) {
if (res.statusCode === 200) {
resolve(res.data);
} else {
resolve(res.data)
}
},
error: function(e) {
reject('网络出错');
}
});
});
return promise;
}
//post请求封装
function postRequest(url, data) {
var promise = new Promise((resolve, reject) => {
var postData = data;
uni.request({
url: commoneUrl + url,
data: postData,
method: 'POST',
// withCredentials:true,
header: {
'content-type': 'application/x-www-form-urlencoded',
// "Authorization":'22'
},
success: function(res) {
// console.log(res);
if (res.statusCode === 200 && res.data.resultCode == 0) {
resolve(res.data);
} else {
resolve(res.data)
}
},
error: function(e) {
reject('网络出错');
}
})
});
return promise;
}
//post请求封装
function postHeaderRequest(url, data) {
var promise = new Promise((resolve, reject) => {
var postData = data;
uni.request({
url: commoneUrl + url,
data: postData,
method: 'POST',
header: {
'content-type': 'application/json',
'Authorization': 'Bearer ' + postHeader
},
success: function(res) {
if (res.statusCode === 200 && res.data.resultCode == 0) {
resolve(res.data);
} else {
resolve(res.data)
}
},
error: function(e) {
reject('网络出错');
}
})
});
return promise;
}
module.exports = {
postRequest,
postHeaderRequest,
getRequest,
commoneUrl
}
mian.js全局挂载
// 请求方法
import http from './utils/request.js'
Vue.prototype.$http = http
页面调用 举例
// 收藏
collectFun() {
let id = this.shopInfo.goods_id
const url = 'Goods/collect_goods';
let bodyParam = {
openid: this.$store.state.openid,
goods_id: id
}
this.$http.postRequest(url, bodyParam).then(res => {
// console.log(res);
if (res.status === 1) {
this.$uti.total(res.msg)
this.shopBox(id)
}
if (res.status === 2) {
this.$uti.total(res.msg)
this.shopBox(id)
}
})
},
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)