uniapp封装请求

7 篇文章 0 订阅
5 篇文章 0 订阅
这段代码展示了在uni-app中实现GET、POST和PUT请求的封装,通过uni.getStorageSync获取用户token设置请求头,统一处理请求成功和失败的回调,包括显示加载提示、错误提示及隐藏加载状态。
摘要由CSDN通过智能技术生成
function getToken() {
	return uni.getStorageSync("userToken")
}
export default {
	Get(url, data, successFun, errFun) {
		uni.showLoading({
			title: '加载中'
		})
		uni.request({
			url: url,
			data: data,
			method: 'GET',
			header: {
				'content-type': 'application/json',
				'Authorization': getToken() || '',
			},
			success: (res) => {
				if (res.data.code == 403) {
					uni.showToast({
						title: '请先登陆',
						duration: 2000,
						icon: 'none',
					})
				}
				successFun(res);
			},
			fail: (err) => {
				// errFun(err);
				uni.showToast({
					title: '数据请求失败',
					icon: 'none'
				})
			},
			//请求结束的回调,视情况而定,是否启用
			complete: () => {
				uni.hideLoading();
			}
		});
	},
	//post方法
	Post(url, data, successFun, errFun) {
		uni.showLoading({
			title: '加载中'
		})
		uni.request({
			url: url, //仅为示例,并非真实接口地址。
			data: data,
			method: 'POST',
			header: {
				'content-type': 'application/json',
				'Authorization': getToken() || ''
			},
			success: (res) => {
				if (res.data.code == 403) {
					uni.showToast({
						title: '请先登陆',
						duration: 2000,
						icon: 'none',
					})
				}
				successFun(res);
			},
			fail: (err) => {
				// errFun(err);
				uni.showToast({
					title: '数据请求失败',
					icon: 'none',
				})
			},
			//请求结束的回调,视情况而定,是否启用
			complete: () => {
				uni.hideLoading();
			}
		});
	},
	//put方法
	httpPut(url, data, successFun, errFun) {
		uni.showLoading({
			title: '加载中'
		})
		uni.request({
			url: url, //仅为示例,并非真实接口地址。
			data: data,
			method: 'PUT',
			header: {
				'content-type': 'application/json',
				'Authorization': getToken() || '',
			},
			success: (res) => {
				successFun(res);
			},
			fail: (err) => {
				// errFun(err);
				uni.showToast({
					title: '数据请求失败',
					icon: 'none',
				})
			},
			//请求结束的回调,视情况而定,是否启用
			complete: () => {
				uni.hideLoading();
			}

		});
	},
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值