ajax 回调函数传对象数组,将变量传递给jQuery AJAX成功回调函数

我试图预先加载一些图像与jQuery AJAX调用,但我有真正的问题传递(url)字符串到AJAX调用的成功函数(如果这是有意义的)的函数。

这里是我的代码是:

//preloader for images on gallery pages

window.onload = function() {

setTimeout(function() {

var urls = ["./img/party/"]; //just one to get started

for ( var i = 0; i < urls.length; i++ ) {

$.ajax({

url: urls[i],success: function(data,url) {

$(data).find("a:contains(.jpg)").each(function(url) {

new Image().src = url + $(this).attr("href");

});

}

});

};

},1000);

};

可以看到我的(失败)尝试将url传递到.each()调用 – url ends up取增加整数的值。不确定为什么或这些相关的,也许jpg文件的数量?

…反正,它当然应该在我原来的urls数组中的单一值。

感谢任何帮助 – 我总是似乎有点扭曲与这些回调。

PROGESS?

所以,我陷入了一点,注意来自@ron tornambe和@PiSquared的意见,目前在这里:

//preloader for images on gallery pages

window.onload = function() {

var urls = ["./img/party/","./img/wedding/","./img/wedding/tree/"];

setTimeout(function() {

for ( var i = 0; i < urls.length; i++ ) {

$.ajax({

url: urls[i],success: function(data) {

image_link(data,i);

function image_link(data,i) {

$(data).find("a:contains(.jpg)").each(function(){

console.log(i);

new Image().src = urls[i] + $(this).attr("href");

});

}

}

});

};

},1000);

};

我试图把image_link(data,i)这里和无处不在(在每个嵌套函数等),但我得到相同的结果:i的值只记录为3.我怀疑这是因为所有引用i指向同一个事情,并且在异步任务实际到达image_link(data,i)时,for …循环结束并且完成(因此具有值3)。不用说,这给了urls [i]为“未定义”。

任何(更多)提示如何我可以绕过这?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值