当前位置:   article > 正文

uni-App 封装 uni.request() 发起网络请求_uni.request判断网络是否通顺

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();
			}
		})
	})
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48

外部调用

// 引入 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'
						});
					}
				})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/318461
推荐阅读
相关标签
  

闽ICP备14008679号