Promise

回调地狱

// 回调地狱（多层请求嵌套）
$.ajax({
	url: 'http://xxx',
	success: function(res){
		console.log(res);
		$.ajax({
			url: 'http://xxx?id=' + res.list[0].id,
			success: function(res) {
				console.log(res);
			}
		})
	}
})

Promise

// Promise用于解决回调地狱
new Promise(function(resolve, reject) {
	$.ajax({
		url: 'http://xxx',
		success: function(res){
			resolve(res);
		}
	})
}).then(function(data) {
	return new Promise(function(resolve, reject) {
		$.ajax({
			url: 'http://xxx?id=' + data.list[0].id,
			success: function(res) {
				resolve(res);
			}
		})
	})
}).then(function(data) {
	console.log(data);
})

Promise.all

// Promise.all用于下面逻辑需要同时获取多个接口的数据再处理，比同步获取多个接口数据的速度更快
Promise.all([
	new Promise(function(resolve, reject) {
		$.ajax({
			url: 'http://xxx',
			success: function(res){
				resolve(res);
			}
		})
	}),
	new Promise(function(resolve, reject) {
		$.ajax({
			url: 'http://xxx',
			success: function(res){
				resolve(res);
			}
		})
	})
]).then(function(results) {
	console.log(results);
})