uni-app之请求篇

1.uni-app之uni.request请求

简单上例子吧,这个使用起来还是比较方便的,具体的使用方法可以看一下注释说明

login(){
	//1.引用this,具体缘由可以了解一下_this与this的历史,还是比较好理解的,一种良好的编程规范
	let _this=this;
	uni.request({
		//2.请求url
		url: 'https://xxx/xxx, //仅为示例,并非真实接口地址。
		//3.参数,分为post和get两种数据格式
		data: {
			account:_this.account,
			pwd:_this.password,
		},
		//4.方法,一般post和get
		method: 'GET',
		//5.请求头信息,格式化数据格式,具体的了解一下http请求相关的知识
		header: {
			'content-type':'application/json' //自定义请求头信息
		},
		success:  (res)=> {
			 //6.此处回调可以使用this/_this,效果一样
			 this.xx=res.data;
			_this.xx=res.data;
		},
		fail (res) {
			//错误,回调失败,方法符合'func:(params)=>{}'格式的可以使用this,具体this和_this
			//this.xx="login fail"
			_this.xx="login fail"//正确
		}
	})		
}

2.uni-app之微信小程序请求

基本和uni.request一致

wx.request({
	 url: 'https://xxx/xxx',
	 data:{
		data:_this.data,
	  },
	  method:'GET',
	  success:function(res){
			console.log("微信小程序请求",res)
	  }
})
//这里简单列一下微信小程序的登录,登录主要可以获取当前用户小程序的openid
wx.login({
	 success:function(res){
	 	 console.log("login",res.code)
	  },
	  fail: function() {
		  console.log("fail login")
	  }
})

3.uni-app之经纬度请求

当前位置的经纬度请求,在微信小程序里需要添加位置权限

//1.返回可以用于uni.openLocation的经纬度
uni.getLocation({
	type: 'gcj02', 
		success: (res)=> {
			console.log("经度和纬度分别是:",res.longitude,res.latitude)
			//2.打开地图界面
			uni.openLocation({
				latitude: res.latitude,
				longitude: res.longitude,
				success: function () {
					console.log('success');
				}
			});
		}
})

你可能感兴趣的:(vue,uni-app,vue.js,javascript)