微信小程序之uniapp关于接口的封装

本文介绍了如何在uniapp中进行微信小程序接口的封装,包括使用Promise封装GET请求,批量管理接口,统一错误提示,并提供了引入和使用的步骤。
摘要由CSDN通过智能技术生成

微信小程序之uniapp关于接口的封装

第一步:使用promise封装一个get请求(post同理)

//GET
// 引入提示
let listing = function(urling){//这里动态传入url
	return new Promise((resolve,reject)=>{
		uni.request({
				url:urling,
				method:'GET',
			})
			.then((res)=>{
				resolve(res)
			})
			.catch((err)=>{
				let errs = '服务器错误,稍后再试'
				errdata.errlist(errs,"none")
				reject(err)
			})
		}
	)
}
export{listing}//导出

第二步:用js封装请求接口,当有大量接口时方便修改和管理

let url = 'https://meituan.thexxdd.cn/api/'
let getpreferurl = `${url}forshop/getprefer`

export{	getpreferurl}//导出

第三步:封装错误提示,可以在不同错误下引入同一弹窗,支持按需传入提示语和提示图标

const errdata = {
	errlist(err,errlogo){
		uni.showToast({
			title:err,//这里可以动态传入提示信息
			duration:3000,
			icon:errlogo//这
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值