vue中使用Promise解析

   日期:2020-06-04     浏览:362    评论:0    
核心提示:Promise是异步编程的一种解决方案,其实是一个构造函数,es6写法中其实也是async和awaitasync和await用法看这https://blog.csdn.net/qq_46124502/article/details/106384588Promise一般是放在函数内部使用functionpromiseData(){returnnewPromise((resolve,reject)=>{//resolve成功时的回调,reject失败时的回调consol

Promise 是异步编程的一种解决方案,其实是一个构造函数,es6写法中其实也是async和await
async和await用法看这https://blog.csdn.net/qq_46124502/article/details/106384588
Promise 一般是放在函数内部使用

function promiseData() {
	return new Promise((resolve, reject) => { //resolve成功时的回调,reject失败时的回调
		console.log("执行了")
		resolve("可以是,axios请求回来的数据data1")
	});
}
promiseData().then((data) => {
	console.log(data) //这里打印就是resolve返回的值
})

当你有多个网络请求,第二个或者第三个请求,依赖于第一个请求回来的数据时,你可以这样写

};
//[定义一个公共的promise实例]
function sendRequest(param) {
	return new Promise(function (resolve, reject) {
	 let url ="http://"
		axios.post(url, param).then(res => {
                 resolve(res)  //此时假如是{id:6}
				}).catch(error => {
					console.log(error)
				})
	});
}
//数据依次依赖前一个请求的值
sendRequest().then(function(data1) {
	console.log('第一次执行, 这是返回的数据:', data1); //此时data1就是id:6
	return sendRequest(data1.id);
}).then(function(data2) {
	console.log('第二次执行, 这是返回的数据:', data2);
	return sendRequest();//此时再去调sendRequest 这个时候resolve回来的就是第二次的数据
}).then(function(data3) {
	console.log('第三次执行, 这是返回的数据:', data3);
}).catch(function(error) {
	//用catch捕捉前面的错误
	console.log('sorry, 请求失败了, 这是失败信息:', error);
});
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服