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

本文介绍了一个使用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);
	        //其它操作
        })
}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值