ajax回调地狱解决方案

Posted Fire king

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax回调地狱解决方案相关的知识,希望对你有一定的参考价值。

//1.封装
function getData(url , data = ) 
	return new Promise((resolve , reject) = > 
		$.ajax(
			//发送请求

			data: data
			sussess: function (res) 
				resolve(res)
			,
			error: function (res) 
				reject(res)
			
		)
	)


//2.使用
getData(url1)
	.then((res) => 
		const id = res
		return getData(url2 , id)
	)
		.then((res) => 
		const name = res
		return getData(url3 , name)
	)
			.then((res) => 
		console.log(res)
	)
.catch((err) => 
	console.log(err)
)

以上是关于ajax回调地狱解决方案的主要内容,如果未能解决你的问题,请参考以下文章

回调地狱的解决办法

javascript异步代码的回调地狱以及JQuery.deferred提供的promise解决方式

一次AJAX调用后如何避免回调地狱[关闭]

细谈回调地狱终极解决方案及ES7新语法async和await

promise处理回调地狱

使用ES6的Promise完美解决回调地狱