使用uni.request获取后端数据并渲染

👉uniapp使用uni.request获取后端数据并渲染 | 含如何处理获取到数据无法渲染问题_uniapp获取后端数据_国服可爱玩家的博客-CSDN博客

data() {
	return {
		array:[]
	};
},
	
onLoad() {
	this.updateData();
}

updateData(){
	uni.request({
		url:'*****', //必须有的参数
		data:{},
		header:{'Content-Type':'application/x-www-form-urlencoded'},
		success:(res)=>{
			console.log(res)
			let data = res.data;                    
			this.array = data;     // 在此步可以获取到数据         
		}, 
		fail: () => {
			uni.showToast({
				icon: 'none',
				title: '网络异常,请稍后重试'
			});
		}
	}); 
		this.useData();			// 调用方法
	}
}	

useData(){
	console.log(this.array);	// 在此步获取到的数据为初始数据
}		

uni.request是异步请求，此时打印出来的值，其执行机制是：useData方法再到uni.request。 

updateData(){
	uni.request({
		url:'*****',
		data:{},
		header:{'Content-Type':'application/x-www-form-urlencoded'},
		success:(res)=>{
			console.log(res)
			let data = res.data;                    
			this.array = data;     // 在此步可以获取到数据  
			this.useData();		   // 在异步进行调用方法       
		}, 
		fail: () => {
			uni.showToast({
				icon: 'none',
				title: '网络异常,请稍后重试'
			});
		}
	}); 
		
	}
}	

        更改放置位置