链式封装ajax请求的Promise

最新推荐文章于 2025-06-09 19:49:50 发布

swrd2014

最新推荐文章于 2025-06-09 19:49:50 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/u014041540/article/details/75670325

JS 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种利用Ajax技术和Promise模式实现文件按序加载的方法。通过具体实例展示了如何根据前一个文件加载的结果来决定是否继续加载下一个文件，确保了加载流程的正确性和高效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

a.txt，b.txt,c.txt分别取0,1,2

$(function(){
	function ajax(param, callback){
		$.ajax({
			url:param,
			type:'get',
			success:function(data){
				callback(data); 
			},
			error:function(data){
				console.log('error');
			}		
		})
	}
	function request(url){
		return new Promise(function(resolve,reject){
			ajax(url,resolve);	
		});
	}
	request('a.txt').then(function(res){
		if(res==0){
			console.log(res);
			return request('b.txt');
		}
		
	}).then(function(res2){
		if(res2==1){
			console.log(res2);
			return request('c.txt');
		}		
	}).then(function(res3){
		console.log(res3);
	})
})