uni-App 封装 uni.request() 发起网络请求

在这里插入图片描述
找到util --> http.js(统一管理请求接口文件)

// 定一个常量 存储请求地址
export const BASE_URL = 'http://111.111.11.111'//例子

// 封装请求
export const http = (url,params)=>{
	  let urls;
	  // 判断传入的url是否包含 http 字段
	  if(url.indexOf("http")!=-1){
		  urls = url;
	  }else{
	  // BASE_URL 是数据库地址
		  urls = BASE_URL+url;
	  }
	 //  if (params instanceof Object) {
	 //    Object.keys(params).forEach((key,ind) => {
		// 	console.log(ind);
	 //      data.append(key, params[ind])
	 //    })
	 //  }
	return new Promise((resolve,reject)=>{
		uni.showLoading({//loading框
		    title: '加载中',
			mask:true,
		});
		uni.request({
			url:urls,
			method: 'POST',
			data: params,
			header:{
				'Content-Type':'application/x-www-form-urlencoded'
			},
			success: (res)=>{
				resolve(res.data)
			},
			fail: (err)=>{
				uni.showToast({
					title: '请求接口失败'
				})
				reject(err)
			},
			// 完成之后关闭加载效果
			complete:()=>{
				//  关闭正在等待的图标
				uni.hideLoading();
			}
		})
	})
}

外部调用

// 引入 http 模块
import {
		http
	} from '../../util/http.js' //引入请求文件

// 使用
http('/kingsajr/ks', { 
					comno: this.equipmentData.comno,
					code: this.equipmentData.code,
					type: this.equipmentData.type,
				}).then(res => {
					console.log(res,229); //打印请求成功数据
					if (res.code = '0') {// 判断code值 存储数据
						this.list = res.data;
					} else {
						uni.showToast({ //错误提示
							title: res.message,
							icon: 'none'
						});
					}
				})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Kingsaj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值