一个异步ajax的返回结果作为另一个ajax的入参

最新推荐文章于 2021-12-12 22:39:24 发布

老夫撩发三千尺

最新推荐文章于 2021-12-12 22:39:24 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery

本文链接：https://blog.youkuaiyun.com/u012844098/article/details/51910144

Jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的异步加载示例，通过getPrdInfo函数发起AJAX请求并处理返回的数据，同时利用callbackFn函数等待请求完成并获取结果。

代码如下：

function getPrdInfo(index,reqUrl){
	var defer = $.Deferred();
	$.reqWeb({
		url:reqUrl,
		dataType:"html",
		async:true,
		beforeSend:function(){
			$('.con_switch'+index).hide();
			$(".plant_loading").show();
		},
		success:function(data){
			$('.con_switch'+index).html(data);
			//此行代码就是把ajax返回的结果保存在defer对象中
                        defer.resolve(data);
		},
		complete:function(){
			$('.con_switch'+index).show().siblings().hide();
			$(".plant_loading").hide();
			//异步加载  给最后加载完的span添加高亮
			$(".con_switch span:eq("+(index-1)+")").addClass('con_active').siblings().removeClass('con_active');
		}
	});
	return defer.promise();
}

//此方法的作用就是等getPrdInfo方法结束后，获取其返回结果，供其它地方使用
function callbackFn(index,reqUrl){
	$.when(getPrdInfo(index,reqUrl)).done(function(data){
		console.log(data);
	        //其它操作
        })
}